flutter pub add animated_flutter_widgets基于插件公开信息、社区数据与项目使用情况整理的选型参考。
一个功能多样的 Flutter 包，可让开发者轻松地为任何小部件添加引人入胜的动画。它提供了一系列预先设计好的动画小部件，简化了增强 UI 交互性和视觉吸引力的过程。支持所有主要平台，非常适合在无需编写大量自定义动画代码的情况下创建引人入胜的用户体验。该包文档详尽，并能无缝集成到现有项目中。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Elevate your Flutter app's user interface to a whole new level with animated_flutter_widgets. This versatile package lets you effortlessly add mesmerizing animations to any widget while also offering a collection of pre-designed animated widgets for accelerated development.
/// Check example project to explore other animations as well
/// To use these animations(Steady, Continuous & Tap Animations) wrap your widget inside the animation widgets
SlideInAnimation(
direction: Direction.right,
duration: const Duration(seconds: 1),
child: YourWidget()
);
Cube3DAnimation(
sideLength: 100,
duration: const Duration(seconds: 4),
isContinuous: true,
child: YourWidget()
);
LongTapAnimation(
// pressDuration: Duration(seconds: 0),
child: YourWidget()
);
/// To use Animated ListView & GridView
AnimatedListViewBuilder(
itemCount: 25, // Change this to your desired item count
customColor: ColorUtility.magenta, // Use this if you are using CollectionAnimationType.listColored
animationType: CollectionAnimationType.leftScale, //Change this to your desired animation type
itemBuilder: (context, index) {
return YourWidget()
}
);
AnimatedGridViewBuilder(
itemCount: 25, // Change this to your desired item count
animationType: CollectionAnimationType.scaleOut, //Change this to your desired animation type
itemBuilder: (context, index) {
return YourWidget()
}
);
/// To use Animated AppBar
SlideInAnimatedAppBar(
backgroundColor: ColorUtility.magenta,
animationDuration: 1000,
title: const Text('Second Page'),
)
/// To use Page Transition Animations
Navigator.push(context,PopAndScaleTransition(page: YourPage()));
Check out the example
If you have any suggestions for including a feature or if something doesn't work, feel free to open a Github issue or to open a pull request, you are more than welcome to contribute!
暂无相关数据。