enterTransition property

List<AnimationEffect>? enterTransition
final

A list of AnimationEffect used for the appearing animation when an item is added to the list.

This property controls how newly added items animate into view. The animations in this list will run sequentially, meaning each effect will be applied one after another in the order specified. By default, this property uses a single FadeIn() effect.

Default Value

If not explicitly provided, the default animation applied is:

[FadeIn()]

Supported Animations

The following animation effects are supported by the library and can be combined as desired:

  • FadeIn(): A smooth fade-in animation.
  • FlipInY(): An animation that flips the item along the Y-axis.
  • FlipInX(): An animation that flips the item along the X-axis.
  • Landing(): An animation that mimics a landing effect.
  • SizeAnimation(): Gradually animates the size of the item.
  • ScaleIn(): A scaling animation where the item grows into view.
  • ScaleInTop(): A scaling effect originating from the top.
  • ScaleInBottom(): A scaling effect originating from the bottom.
  • ScaleInLeft(): A scaling effect originating from the left.
  • ScaleInRight(): A scaling effect originating from the right.
  • SlideInLeft(): A sliding animation from the left.
  • SlideInRight(): A sliding animation from the right.
  • SlideInUp(): A sliding animation from the bottom to the top.
  • SlideInDown(): A sliding animation from the top to the bottom.

Custom Animations

In addition to the predefined animations listed above, you can create custom configurations for each animation to suit your specific needs. For example, you can adjust the duration, curve, or other parameters for finer control:

enterTransition: [
  FadeIn(duration: Duration(milliseconds: 500), curve: Curves.easeIn),
  SlideInLeft(delay: Duration(milliseconds: 200)),
],

Implementation

final List<AnimationEffect>? enterTransition;