如何删除默认导航路线动画

Question

我在颤振文档中给出的页面路由代码下面

// Within the `FirstRoute` widget
onPressed: () {
  Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => SecondRoute()),
  );
}

但是它在推送和弹出路由时提供了一些动画。

对于Android，页面的入口过渡将页面向上滑动并淡入。出口过渡相同，但相反。

过渡适应平台，在iOS上，页面从右侧滑入反向退出。当另一个页面进入以覆盖它时，页面也会以视差向左移动。（这些方向在具有从右到左阅读方向的环境中翻转。）

有没有办法在没有任何动画的情况下路由到下一页？

编辑： 请检查整个代码：

class MyApp extends StatelessWidget {
  final routes = <String, WidgetBuilder>{
    SecondRoute.tag: (context) => SecondRoute(),
  };

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Flutter Routes",
      home: new FirstRoute(),
      routes: routes,
      onGenerateRoute: (routeSettings) {
        if (routeSettings.name == SecondRoute.tag)
          return PageRouteBuilder(pageBuilder: (_, a1, a2) => SecondRoute());

        return null;
      },
    );
  }
}

class FirstRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('First Route'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Open route'),
          onPressed: () {
            Navigator.of(context).pushNamed(SecondRoute.tag);

          },
        ),
      ),
    );
  }
}

class SecondRoute extends StatelessWidget {
  static String tag = 'second-route';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Second Route"),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: () {
            Navigator.pop(context);
          },
          child: Text('Go back!'),
        ),
      ),
    );
  }
}

Answer 1

• 为了Navigator.push(...)

  Navigator.push(
    context,
    PageRouteBuilder(pageBuilder: (_, __, ___) => SecondRoute()),
  )
  

• 为了Navigator.pushNamed(...)

  首先，将其添加到您的MaterialApp

  MaterialApp(
    onGenerateRoute: (settings) {
      if (settings.name == '/second') 
        return PageRouteBuilder(pageBuilder: (_, __, ___) => SecondRoute());
  
      return null;
    },
  )
  

  现在，您可以使用：

  Navigator.pushNamed(context, '/second');
  

Answer 2

动画由MaterialPageRoute. 如果你不想要它，简单地使用其他东西：

Navigator.push(
  context,
  PageRouteBuilder(pageBuilder: (_, __, ___) => MyRoute()),
)