Skip to content

Latest commit

 

History

History
76 lines (52 loc) · 1.86 KB

README.md

File metadata and controls

76 lines (52 loc) · 1.86 KB

flutter_simple_animations

Flutter package that provides easy to use widgets for some of the most used simple animations. Simply wrap the widgets you want to have animated in one of the animation widgets and they will be animated on render.


👻 Fade Animation

Uses a fade-in animation to display the wrapped widget on render.

return FadeAnimation(
    duration: const Duration(seconds: 1),
    delay: const Duration(seconds: 1),
    reverse: false,
    child: ...
);

fade animation example


🎚 Fade Slide Animation

Uses a fade-in animation combined with a slide-animation to display the wrapped widget on render. Direction can be customized.

return FadeSlideAnimation(
    startingPosition: const Offset(0, 0.3),
    duration: const Duration(seconds: 1),
    delay: const Duration(seconds: 1),
    reverse: false,
    child: ...
);

fade animation example


⬇️ Bounce Down Animation

Combines a forward and a backward animation to create a bounce down animation.

return BounceDownAnimation(
    child: ...
);

fade animation example


🔃 Rotating Text

Cycles through the provided strings an animates the transition similarly to the default FadeSlideAnimation widgets fade in animation.

return RotatingText(
    ["Developer", "Student", "Learner"],
    style: Theme.of(context).textTheme.headlineLarge,
);

fade animation example


TODOs for this package

  • add README.md
  • improve code documentation
  • extend APIs of widgets to provide better customizability
  • add more useful simple to use animation widgets