Navigator.push without animation - Flutter

Question

I have several register forms with next buttons and I would like to switch between the different screens with

onTap: () => { Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => SomeOtherScaffold()))
  },

but without the default animation that comes with it.

https://stackoverflow.com/questions/50196913/how-to-change-navigation-animation-using-flutter — littleironical, Jul 20 '20 at 18:16
Duplicate of this question - https://stackoverflow.com/questions/49874272/how-to-navigate-to-other-page-without-animation-flutter — Erik E. L., Jul 20 '20 at 18:17

score 1 · Answer 1 · edited Aug 23 '20 at 18:21

If you want to use other animation, you can use transitionBuilder, in your PageRoute. How you can use this represented for you below:

import 'package:flutter/material.dart';

main() {
  runApp(MaterialApp(
    home: Page1(),
  ));
}

class Page1 extends StatelessWidget {
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Center(
        child: RaisedButton(
          child: Text('Go!'),
          onPressed: () {
            Navigator.of(context).push(_createRoute());
          },
        ),
      ),
    );
  }
}

Route _createRoute() {
  return PageRouteBuilder(
    pageBuilder: (context, animation, secondaryAnimation) => Page2(),
    transitionsBuilder: (context, animation, secondaryAnimation, child) {
      return child;
    },
  );
}

And if you want to transition instantly, you can do this:

transitionDuration: Duration(seconds: 0)

This will decrease down the transition time to 0 second, which will eventually results to quick transition speed.

To know more about Page Animation Transition follow these articles:

You need to define something for your transition, if you don't want the default one, and this answer will help you achieve this.

Navigator.push without animation - Flutter

1 Answers1