Flutter for Beginners

Custom transitions in practice

We can create a custom transition and apply it globally in our application using pageRouteBuilder:

// part of navigation_transition.dartclass _NavigatorTransitionAppState extends State<NavigatorTransitionApp> {  @override  Widget build(BuildContext context) {    return WidgetsApp(      color: Colors.blue,      routes: {        '/': (context) => _screen1(context),        '/2': (context) => _screen2(context),      },      pageRouteBuilder: <Void>(RouteSettings settings, WidgetBuilder       builder) {        return PageRouteBuilder(          transitionsBuilder:            (BuildContext context, animation, secondaryAnimation, widget) {            return new SlideTransition(              position: new Tween<Offset>(                begin: const Offset(-1.0, 0.0),                end: Offset.zero,              ).animate(animation),              child: widget,            );