Staggered animations

UI

Animations

Staggered

Basic structure of a staggered animation

Complete staggered animation
Stateless widget: StaggerAnimation
Stateful widget: StaggerDemo

What you’ll learn

A staggered animation consists of sequential or overlapping
animations.

To create a staggered animation, use multiple Animation objects.

One AnimationController controls all of the Animations.

Each Animation object specifies the animation during an Interval.

For each property being animated, create a Tween.

Terminology:
  If the concept of tweens or tweening is new to you, see the
  Animations in Flutter tutorial.