Flutter Intermediate Chapter 11 of 20

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.