App Store Transitions

Let’s have some fun with Hero transitions and implement an App Store transition.

Background

According to the Flutter Docs:

Hero animations

We either use the PhotoHero widget or directly use the Hero widget, and it animates across screens such as:

I had to guess what it might be composed of, and I think I came close to the real thing.

Let’s see how we can use the Hero Widget.

Using The Hero Widget

We need at least a Hero container and a target: