animate_do 0.1.1 animate_do: ^0.1.1 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), and recieves a child widget (The widget you want to animate)
- FadeIn
- FadeInDown
- FadeInDownBig
- FadeInUp
- FadeInUpBig
- FadeInLeft
- FadeInLeftBig
- FadeInRight
- FadeInRightBig
- BounceInDown
- BounceInUp
- BounceInLeft
- BounceInRight
- Bounce ( it could be infinite with a property)
- Flash ( it could be infinite with a property)
- Pulse ( it could be infinite with a property)
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.