show_up_animation 1.0.4
show_up_animation: ^1.0.4

Flutter Android iOS web

A flutter package to simplify the implementation of "show up" animation

show_up_animation Build Status #

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.

PropertyFunction
childThe widget on which to apply the given ShowUpAnimation
offsetThe offset by which to slide and [child] into view from [Direction]. Use negative value to reverse animation [direction]. Defaults to 0.2
curveThe curve used to animate the [child] into view. Defaults to [Curves.easeIn]
directionhorizontal or vertical
delayStartThe delay with which to animate the [child]. Takes in a [Duration] and defaults to 0 seconds
animationDurationThe total duration in which the animation completes. Defaults to 800 milliseconds

ShowUpList Properties #

PropertyFunction
childrenThe list of widgets on which to apply the given ShowUpAnimation
offsetThe offset by which to slide and [child] into view from [Direction]. Use negative value to reverse animation [direction]. Defaults to 0.2
curveThe curve used to animate each [child] into view. Defaults to [Curves.easeIn]
directionhorizontal or vertical
delayBetweenhe delay between animating each [children] into view. Takes in a [Duration] and defaults to 300 milliseconds
animationDurationThe total duration in which the animation of each child completes. Defaults to 500 milliseconds

Demo #

videotogif_2020 04 21_19 44 01 videotogif_2020 04 30_04 07 18

32
likes
100
pub points
84%
popularity

A flutter package to simplify the implementation of "show up" animation

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

201851029@iiitvadodara.ac.in

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on show_up_animation