The name Hero may look strange at first, but everyone that has used a mobile application has already seen this kind of animation. If you develop for mobile platforms, perhaps you have already heard of, or worked with, shared elements, that is, elements that persist between screens. This is the definition of a Hero.

Flutter contains ways to facilitate the creation of this kind of movement. That's why we can see how the Hero animations work even before we get deeper into the subject of animations itself.

The most important player this time is the Hero widget. Typically, it is just a single piece of the UI for which it makes sense to fly from one Route to another.