animate_do 1.1.0

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

SlideIn Animations

• SlideInDown
• SlideInUp
• SlideInLeft
• SlideInRight

Flip Animations

• FlipInX
• FlipInY

Special In Animations

• JelloIn

Attention Seeker

All of the following animations could be infinite with a property called infinite (type Bool)

• Bounce
• Flash
• Pulse
• Swing
• Spin
• SpinPerfect
• Dance
• Roulette

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.