Route

Specifies a screen or page. Most apps,
beyond the most basic, have multiple routes.

Standard hero animations

What's the point?

Specify a route using MaterialPageRoute, CupertinoPageRoute,
or build a custom route using PageRouteBuilder.
The examples in this section use MaterialPageRoute.

Change the size of the image at the end of the transition by
wrapping the destination’s image in a SizedBox.

Change the location of the image by placing the destination’s
image in a layout widget. These examples use Container.

Standard hero animation code

Each of the following examples demonstrates flying an image from one
  route to another. This guide describes the first example.

hero_animation

Encapsulates the hero code in a custom PhotoHero widget.
Animates the hero’s motion along a curved path,
as described in the Material motion spec.