animate_do 0.2.0 animate_do: ^0.2.0 copied to clipboard
Simple animations inspired on Animate.css - Author Fernando Herrera
animate_do #
An animation package inspired in Animate.css, build using only Flutter animations, no extra packages.
Getting Started #
This package is very simple to use, all the animations are Widgets that contains a duration
(type Duration), delay
(type Duration) and recieves a child
widget (The widget you want to animate)
Fades Animations #
- FadeIn
- FadeInDown
- FadeInDownBig
- FadeInUp
- FadeInUpBig
- FadeInLeft
- FadeInLeftBig
- FadeInRight
- FadeInRightBig
Bounce Animations #
- BounceInDown
- BounceInUp
- BounceInLeft
- BounceInRight
Elastic Animations #
- ElasticIn
- ElasticInDown
- ElasticInUp
- ElasticInLeft
- ElasticInRight
Attention Seeker #
All of the following animations could be infinite with a property called infinite
(type Bool)
- Bounce
- Flash
- Pulse
- Swing
Example #
home: Scaffold(
body: Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
FadeInLeft(child: Rectangulo() ),
FadeInUp(child: Rectangulo() ),
FadeInDown(child: Rectangulo() ),
FadeInRight(child: Rectangulo() ),
],
),
),
),
Note: Rectangulo, is just a Square blue container #
class Rectangulo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
width: 50,
height: 50,
decoration: BoxDecoration(
color: Colors.blueAccent,
),
);
}
}
For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.