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!
暫無相關資料。