An Awesome Way To Stagger Flutter Slivers Animation For Material Design 3

One of the holes in the Flutter SDK is container staggered animation that is part of the Material Design 3 spec. In this article, I show you how to implement Slivers staggered animation to satisfy the Material Design 3 spec.

What Are We Using

I am just using a re-worked form of the experimental material 3 demo in the Flutter Samples repo:

GitHub - flutter/samples: A collection of Flutter examples and demos

The package to animate slivers is called auto animated:

auto_animated | Flutter Package

And at the end of the article you will be able to do this animation: