How to change navigation animation using Flutter

Question

Is there any way to change the default animation when navigating to/from a page in Flutter?

Answer 1

You can subclass MaterialPageRouteand override buildTransitions.

Eg:

class MyCustomRoute extends MaterialPageRoute {
  MyCustomRoute({ WidgetBuilder builder, RouteSettings settings })
      : super(builder: builder, settings: settings);

  @override
  Widget buildTransitions(BuildContext context,
      Animation animation,
      Animation secondaryAnimation,
      Widget child) {
    if (settings.isInitialRoute)
      return child;
    // Fades between routes. (If you don't want any animation,
    // just return child.)
    return new FadeTransition(opacity: animation, child: child);
  }
}

to use :

new RaisedButton(
                child: new Text('Goto'),
                onPressed: (){
                  Navigator.push(
                    context,
                    new MyCustomRoute(builder: (context) => new SecondPage()),
                  );
                }),

Replace fade transition with your animation