flutter pub add animated_cursor基于插件公开信息、社区数据与项目使用情况整理的选型参考。
Animated Cursor 是一个 Flutter 包，通过在多个平台上提供可自定义的动画光标来增强用户界面交互。它允许开发者创建动态光标效果，例如轨迹、形状或动画，从而提升视觉反馈和用户参与度。该包支持桌面（Windows、Linux、macOS）和移动设备（Android、iOS）平台，非常适合沉浸式 UI 体验。通过 pub add 简单集成，即可实现流畅且性能优异的光标动画，无需复杂设置。适用于游戏、创意应用或交互式仪表板。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Welcome to the Animated Cursor package for Flutter! This package provides a customizable animated cursor widget that you can easily integrate into your Flutter projects.
Add dependency to pubspec.yaml
To use the latest version of animated_cursor, add the following line to your pubspec.yamlfile:
dependencies:
animated_cursor: ^1.0.5
Install it
You can install packages from the command line:
with Flutter:
$ flutter pub get
Import the package
import 'package:animated_cursor/animated_cursor.dart';
AnimatedCursor
(
circleColor: Colors.red,
dotColor: Colors.red,
backgroundColor: Colors.black,
borderWidth: 2,
child: Container(color: Colors.black)
);
Animated Cursor:| Name | Type | Default Behaviour | Description |
|---|---|---|---|
| child | Widget | The child widget beneath the animated cursor. | |
| cursor | MouseCursor? | SystemMouseCursors.basic | The cursor to be displayed when the mouse is over the child widget |
| circleColor | Color? | Color(0xFF4CAF50) | Color of the animated circle. |
| dotColor | Color? | Color(0xFF4CAF50) | Color of the animated dot. |
| backgroundColor | Color? | Colors.transparent | Background color of the cursor. |
| circleDuration | Duration? | 100 | Duration of the animated circle's appearance. |
| dotDuration | Duration? | 350 | Duration of the animated dot's appearance. |
| borderWidth | double? | 1 | Width of the cursor's border. |
| shape | CursorShape? | BoxShape.circle | Shape of the cursor (Circle or Rectangle). |
| borderRadius | BorderRadius? | 100 | Border radius for the cursor (applicable when shape is set to Rectangle). |
import 'package:animated_cursor/animated_cursor.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Animated Cursor',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.red,
),
home: AnimatedCursor(
// cursor: SystemMouseCursors.alias,
circleColor: Colors.red,
dotColor: Colors.red,
backgroundColor: Colors.black,
borderWidth: 1,
child: Container(color: Colors.black),
),
);
}
}
👍 If you appreciate our solution's value and positive impact on your project,✨ show your support with a thumbs up! 🌟 Your feedback fuels our commitment to excellence.💫 Thank you for choosing us!
-Darshak Desai
依赖清单 1 项
^6.1.1暂无相关数据。