Terminology:
  A Route describes a page or screen in a Flutter app.

You can create this animation in Flutter with Hero widgets.
As the hero animates from the source to the destination route,
the destination route (minus the hero) fades into view.
Typically, heroes are small parts of the UI, like images,
that both routes have in common. From the user’s perspective
the hero “flies” between the routes. This guide shows how
to create the following hero animations:

Standard hero animations

A standard hero animation flies the hero from one route to a new route,
usually landing at a different location and with a different size.