AnimationConfiguration.staggeredList constructor

const AnimationConfiguration.staggeredList({
  1. Key? key,
  2. required int position,
  3. Duration duration = const Duration(milliseconds: 225),
  4. Duration? delay,
  5. required Widget child,
})

Configure the children's animation to be staggered.

A staggered animation consists of sequential or overlapping animations.

Each child animation will start with a delay based on its position comparing to previous children.

The staggering effect will be based on a single axis (from top to bottom or from left to right).

Use this named constructor to display a staggered animation on a single-axis list of widgets (ListView, ScrollView, Column, Row...).

The position argument must not be null.

Default value for duration is 225ms.

Default value for delay is the duration divided by 6 (appropriate factor to keep coherence during the animation).

The child argument must not be null.

Implementation

const AnimationConfiguration.staggeredList({
  Key? key,
  required this.position,
  this.duration = const Duration(milliseconds: 225),
  this.delay,
  required Widget child,
})   : columnCount = 1,
      super(key: key, child: child);