animate_do library
Author: Fernando Herrera website: fernando-herrera.com Null-Safety: checked! Prefer Const: checked! Animate_do offers a simple and easy way to animate widgets using only native widgets This library is inspired on Animate.css
Classes
- Bounce
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation infinite: loops the animation until the widget is destroyed from: starting point for the animation
- BounceInDown
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation from: starting point for the animation
- BounceInLeft
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation from: starting point for the animation
- BounceInRight
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation from: starting point for the animation
- BounceInUp
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation from: starting point for the animation
- BounceState
- State class, where the magic happens
- Dance
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation infinite: loops the animation until the widget is destroyed
- DanceState
- State class, where the magic happens
- ElasticIn
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- ElasticInDown
- Class ElasticInDown: key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do the controller can be use to repeat, reverse and anything you want, its just an animation controller
- ElasticInLeft
- Class ElasticInLeft: key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do the controller can be use to repeat, reverse and anything you want, its just an animation controller
- ElasticInRight
- Class ElasticInRight: key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do the controller can be use to repeat, reverse and anything you want, its just an animation controller
- ElasticInState
- StateClass, where the magic happens
- ElasticInUp
- Class ElasticInUp: key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do the controller can be use to repeat, reverse and anything you want, its just an animation controller
- FadeIn
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeInDown
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeInDownBig
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeInDownState
- FadeState class The animation magic happens here
- FadeInLeft
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeInLeftBig
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeInLeftState
- FadeState class The animation magic happens here
- FadeInRight
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeInRightBig
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeInRightState
- FadeState class The animation magic happens here
- FadeInState
- FadeState class The animation magic happens here
- FadeInUp
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeInUpBig
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeInUpState
- FadeState class The animation magic happens here
- FadeOut
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeOutDown
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeOutDownBig
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeOutDownState
- State class, where the magic happens
- FadeOutLeft
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeOutLeftBig
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeOutLeftState
- State class, where the magic happens
- FadeOutRight
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeOutRightBig
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeOutState
- State class, where the magic happens
- FadeOutUp
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeOutUpBig
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation
- FadeOutUpState
- State class, where the magic happens
- Flash
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation infinite: loops the animation until the widget is destroyed
- FlashState
- State class, where the magic happens
- FlipInX
-
key: optional widget key reference
child: mandatory, widget to animate
duration: how much time the animation should take
delay: delay before the animation starts
controller: optional/mandatory, exposes the animation controller created by Animate_do
manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller
animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately
onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward
curve: curve for the animation
from
: starting point for the animation - FlipInXState
- State class, where the magic happens
- FlipInY
-
key: optional widget key reference
child: mandatory, widget to animate
duration: how much time the animation should take
delay: delay before the animation starts
controller: optional/mandatory, exposes the animation controller created by Animate_do
manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller
animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately
onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward
curve: curve for the animation
from
: starting point for the animation - FlipInYState
- State class, where the magic happens
- JelloIn
-
key: optional widget key reference
child: mandatory, widget to animate
duration: how much time the animation should take
delay: delay before the animation starts
controller: optional/mandatory, exposes the animation controller created by Animate_do
manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller
animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately
onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward
curve: curve for the animation
from
: starting point for the animation - JelloInState
- State class, where the magic happens
- Pulse
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation infinite: loops the animation until the widget is destroyed
- PulseState
- State class, where the magic happens
- Roulette
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation infinite: loops the animation until the widget is destroyed spins: how many spins you want to do
- RouletteState
- State class, where the magic happens
- ShakeX
-
key: optional widget key reference
child: mandatory, widget to animate
duration: how much time the animation should take
delay: delay before the animation starts
controller: optional/mandatory, exposes the animation controller created by Animate_do
manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller
animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately
onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward
curve: curve for the animation
infinite: loops the animation until the widget is destroyed
spins
: how many spins you want to do - ShakeXState
- State class, Controls the animations flow
- ShakeY
- Class ShakeY: key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do the controller can be use to repeat, reverse and anything you want, its just an animation controller from from where you want to start the animation infinite loops the animation until the widget is destroyed
- ShakeYState
- State class, Controls the animations flow
- SlideInDown
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation from: starting point for the animation
- SlideInLeft
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation from: starting point for the animation
- SlideInLeftState
- State class, where the magic happens
- SlideInRight
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation from: starting point for the animation
- SlideInUp
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation from: starting point for the animation
- SlideInUpState
- State class, where the magic happens
- Spin
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation infinite: loops the animation until the widget is destroyed spins: how many spins you want to do
- SpinPerfect
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation infinite: loops the animation until the widget is destroyed spins: how many spins you want to do
- SpinState
- State class, where the magic happens
- Swing
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation infinite: loops the animation until the widget is destroyed
- SwingState
- State class, where the magic happens
- ZoomIn
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation from: starting point for the animation
- ZoomInState
- State class, where the magic happens
- ZoomOut
- key: optional widget key reference child: mandatory, widget to animate duration: how much time the animation should take delay: delay before the animation starts controller: optional/mandatory, exposes the animation controller created by Animate_do manualTrigger: boolean that indicates if you want to trigger the animation manually with the controller animate: For a State controller property, if you re-render changing it from false to true, the animation will be fired immediately onFinish: callback that returns the direction of the animation, AnimateDoDirection.forward or AnimateDoDirection.backward curve: curve for the animation from: starting point for the animation
- ZoomOutState
- State class, where the magic happens