Screen transitions
Screen changes need to look smooth to the user. You want the user to enjoy their experience within your app, and jarring screen transitions can impact their enjoyment and flow.
As we have seen, MaterialPageRoute and CupertinoPageRoute are classes that add a route to the navigator. You may have noticed as we experimented with the example app that they add a transition between the old and new Route. These transitions align with the platform defaults but can be customized as well.
On Android, for example, the entrance transition for the page slides the page upward and fades it in. The exit transition does the same in reverse. On iOS, the page slides in from the right and exits in reverse.
Flutter lets us customize this behavior by letting us add transitions between screens. To do this, we need to look a little deeper at routes.
PageRouteBuilder
PageRouteBuilder is a helper class that can be used for custom Route creation, instead of using the pre-built...
