Simple Animations
Simple Animations is a package for Flutter to boost your animation productivity by simplifying the way to create animations.
Project goal
Flutter has a strong and flexible foundation of animation capabilities.
But even small animations feel verbose and blow up your code base.
Animations are one of the most desired aspects of Flutter, while being
difficult to master.
Animations are one of the most desired aspects of Flutter, while being
difficult to master.
Simple Animation's goal is to solve this issue, by
- simplifying the way to creates custom animations,
- softly dipping developers into the animation topic,
- offering a lot of documentation and examples.
Examples
Typewriter Box
This custom animation seems simple but it's rather complex:
It's combining a staggered animation sequence with an enduring animation:
- At the beginning it animates the height of a box. After that it increases the width.
- While increasing the width a typewriter-like animated underscore appears and persists.
- Shortly before the width reaches it's final size, it starts to type-write a text.
With traditional Flutter animation classes this will end in a huge
StatefulWidget with multiple AnimationController, Tweens and all that
initState and onDispose overhead.
StatefulWidget with multiple AnimationController, Tweens and all that
initState and onDispose overhead.
With simple_animation you can do it stateless just by using
some fancy ControlledAnimation widgets.
some fancy ControlledAnimation widgets.
The whole animation just takes about 60 lines of code while
maintaining readability. (You can find the source code here.
I only counted the lines that are responsible for the animation.)
maintaining readability. (You can find the source code here.
I only counted the lines that are responsible for the animation.)
Pub Example Tab
This is the example from the example page (pub.dartlang.org):
Example App
You find these and other examples in Example App.
