Flutter: New plugin show good animation for ListView

Hi everyone.

Flutter has announced their updates of May 2020 on this article: https://medium.com/flutter/two-months-of-fluttergoodnewswednesday-a12e60bab782.

I recommend you to check their blog if you are interested in flutter.

Today, I would like to implement the one of their plugin: flutter staggered animation 0.1.2 into the iOS applications my coworker developed.

This plugin is introduced as Plugins and Flutter Favorites. And you can get the application on Apps store.

How animation works

Source Code

Actually this is really really simple.

All you have to do is to describe the List element which you want to draw in YourListChild() part.

AnimationLimiter(
      child: ListView.builder(
        itemCount: 100,
        itemBuilder: (BuildContext context, int index) {
          return AnimationConfiguration.staggeredList(
            position: index,
            duration: const Duration(milliseconds: 375),
            child: SlideAnimation(
              verticalOffset: 50.0,
              child: FadeInAnimation(
                child: YourListChild(),
              ),
            ),
          );
        },
      ),
    ),

You can check his GitHub too. Thank you for reading.
https://github.com/Tetsukick/enGolf/pull/4/commits/9f5c08d113bf48645bba889133fd72be46a815b1