easy_animate 0.0.3 copy "easy_animate: ^0.0.3" to clipboard
easy_animate: ^0.0.3 copied to clipboard

beautiful simple animation for flutter. you can add animation effects super easily!!

easy_animate #

beautiful simple animation for flutter!πŸš€
With this package, you can add animation effects super easily!!β›±

for example...

const FadeInAnimation(
        child: YourFavoriteWidget(),
    );

It`s so easy!🀩

You can easily add animation effects to your apps without setting any further properties. However, you can customize/set Durtation, Direction, moveAmount and more properties as needed.

Dependency #

simple_animation package

Animation List #

FadeIn #

fade in animation

FadeInAnimation(
        animateDirection: AnimateDirection.left,
        child: SomeWidget(),
      );

FadeOut #

fade out animation

FadeOutAnimation(
        animateDirection: AnimateDirection.right,
        child: SomeWidget(),
      );

SlideIn #

slide in animation

SlideInAnimation(
        animateDirection: AnimateDirection.left,
        child: SomeWidget(),
      );

ScaleIn #

scale in animation

ScaleInAnimation(
        child: SomeWidget(),
      );

Shake #

shake animation

ShakeAnimation(
        isHorizontal: true,
        child: SomeWidget(),
      );

Bounce #

bouce animation

 BouncingAnimation(
        developerMode: true,
        child: SomeWidget(),
      );

Fluffy #

fluffy animation

FluffyAnimation(
        child: SomeWidget(),
      );

Pulse #

Pluse animation

PulseAnimation(
        child: SomeWidget(),
      );

Customizing Animation #

for example, you can customize FadeInAnimation like this.

FadeInAnimation(
        animateDirection: AnimateDirection.right,
        animateType: AnimateType.loop,
        durationMilliseconds: 300,
        moveAmount: 200,
        child: MockBox(),
      );
property value description
animateDirection AnimateDirection.top, AnimateDirection.right, AnimateDirection.bottom, AnimateDirection.left, AnimateDirection.none Defines the direction of the animation
animateType AnimateType.once, AnimateType.loop, AnimateType.mirror Defines the type of animation
durationMilliseconds double Defines the duration(ms) of the animation
moveAmount double Defines the distance of the animation
delay Duration Defines the delay of the animation

Developer mode #

You can check the animation effect in the developer mode. It`s very useful for debugging.

AnimationDeveloperTools(
        child: PulseAnimation(
            developerMode: true, // don't forget this!
            child: SomeWidget(),
        )
    );

Yes, just set AnimationDeveloperTools() as the parent widget and enable developerMode.

See simple_animation package for more details.

Acknowledgments #

I'm grateful for package simple_animation & Development teamπŸ™

3
likes
150
pub points
72%
popularity

Publisher

unverified uploader

beautiful simple animation for flutter. you can add animation effects super easily!!

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter, plugin_platform_interface, simple_animations

More

Packages that depend on easy_animate