show_up_animation 
A flutter package to simplify the implementation of "show up" animation
Getting Started
Install dependencies
dependencies:
show_up_animation: ^1.0.2
Then import wherever you want to implement the animation
import 'package:show_up_animation/show_up_animation.dart';
ShowUpAnimation
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(),
),
ShowUpList
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(),
],
),
Properties
ShowUpAnimation Properties
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 |
ShowUpList Properties
| 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 |
Demo
