flutter pub add show_up_animation基于插件公开信息、社区数据与项目使用情况整理的选型参考。
一个Flutter包，旨在简化‘出现’动画的创建，使小部件能够以可自定义的时间和效果平滑地显示在屏幕上。它提供了简洁直观的API，用于将元素动画显示到视图中，非常适合增强具有动态内容的应用程序的用户体验。该包支持所有主要平台，包括移动、Web和桌面，确保在各种设备上行为一致。开发者可以轻松地为任何小部件应用进入动画，而无需编写复杂的动画逻辑。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
A flutter package to simplify the implementation of "show up" animation
Install dependencies
dependencies:
show_up_animation: ^2.1.2
Then import wherever you want to implement the animation
import 'package:show_up_animation/show_up_animation.dart';
Wrap any widget you want to animate inside ShowUpAnimation widget and provide a Duration() to delayStart field to control after how much delay the animation fires.
ShowUpAnimation(
delayStart: Duration(seconds: 1),
animationDuration: Duration(seconds: 1),
curve: Curves.bounceIn,
direction: Direction.vertical,
offset: 0.5,
child: YourWidget(),
),
To create a list of "show up" animations, use ShowUpList and provide
your list of widgets to children parameter.
ShowUpList(
direction: Direction.horizontal,
animationDuration: Duration(milliseconds: 1500),
delayBetween: Duration(milliseconds: 800),
offset: -0.2,
children: <Widget>[
Widget1(),
Widget2(),
Widget3(),
Widget4(),
],
),
You can customize how to do you want to animate your child using the parameters described below.
| Property | Function |
|---|---|
| child | The widget on which to apply the given ShowUpAnimation |
| offset | The offset by which to slide and [child] into view from [Direction]. Use negative value to reverse animation [direction]. Defaults to 0.2 |
| curve | The curve used to animate the [child] into view. Defaults to [Curves.easeIn] |
| direction | horizontal or vertical |
| delayStart | The delay with which to animate the [child]. Takes in a [Duration] and defaults to 0 seconds |
| animationDuration | The total duration in which the animation completes. Defaults to 800 milliseconds |
| Property | Function |
|---|---|
| children | The list of widgets on which to apply the given ShowUpAnimation |
| offset | The offset by which to slide and [child] into view from [Direction]. Use negative value to reverse animation [direction]. Defaults to 0.2 |
| curve | The curve used to animate each [child] into view. Defaults to [Curves.easeIn] |
| direction | horizontal or vertical |
| delayBetween | he delay between animating each [children] into view. Takes in a [Duration] and defaults to 300 milliseconds |
| animationDuration | The total duration in which the animation of each child completes. Defaults to 500 milliseconds |
暂无相关数据。