Staggered animations are a straightforward concept: visual changes
happen as a series of operations, rather than all at once.
The animation might be purely sequential, with one change occurring after
the next, or it might partially or completely overlap. It might also
have gaps, where no changes occur.

This guide shows how to build a staggered animation in Flutter.

Examples

This guide explains the basic_staggered_animation example.
  You can also refer to a more complex example,
  staggered_pic_selection.

basic_staggered_animation

Shows a series of sequential and overlapping animations
of a single widget. Tapping the screen begins an animation
that changes opacity, size, shape, color, and padding.

staggered_pic_selection