Flutter Chapter 10 of 16

Animations

Bring an app to life with implicit and explicit animations, hero transitions, custom page routes and custom painting.

Good animation explains what just happened: where something came from, what changed, what to look at. Flutter makes simple animations almost free and complex ones possible.

Lessons in this chapter

1. Implicit Animations in Flutter: AnimatedContainer and FriendsAdd animation to Flutter with no controllers: AnimatedContainer, AnimatedOpacity, AnimatedSwitcher, TweenAnimationBuilder and curves.
2. Explicit Animations in Flutter: AnimationController and TweenControl animations precisely in Flutter with AnimationController, Tween, CurvedAnimation, AnimatedBuilder and staggered sequences.
3. Hero Animations and Page Transitions in FlutterAnimate between screens in Flutter: shared element transitions with Hero, and custom fade, slide and scale routes with PageRouteBuilder.
4. CustomPaint and Canvas in FlutterDraw your own graphics in Flutter with CustomPaint and Canvas: lines, shapes, arcs, paths and text, and build an animated progress ring.