Flutter Drawer 多次导航到同一个页面

Question

当我拉动抽屉并选择一个页面导航到它时，就像创建一个新实例一样，例如，如果我在同一页面上单击 4 次，它会显示打开新页面 4 次的动画，而当我按下手机的后退按钮。

  new ListTile(
        leading: Icon(Icons.home),
        title: new Text("Home"),
        onTap: () {
          Navigator.pop(ctxt);
          Navigator.push(
              ctxt, new MaterialPageRoute(builder: (ctxt) => MyHomePage()));
        },

这是我在所有页面中使用的抽屉文件

class DrawerOnly extends StatelessWidget {
  @override
  Widget build(BuildContext ctxt) {
    return new Drawer(
      child: new ListView(
        children: <Widget>[
          new UserAccountsDrawerHeader(
            accountName: new Text('Fethi'),
            accountEmail: new Text('Myemail@Mail.com'),
            currentAccountPicture: new CircleAvatar(
              backgroundImage: new NetworkImage('http://i.pravatar.cc/300'),
          ),
        ),
      new ListTile(
        leading: Icon(Icons.home),
        title: new Text("Home"),
        onTap: () {
          Navigator.pushReplacement(
              ctxt, new MaterialPageRoute(builder: (ctxt) => MyHomePage()));
        },
      ),
      new ListTile(
        leading: Icon(Icons.note),
        title: new Text("ADD Notes"),
        onTap: () {
          Navigator.pushReplacement(
              ctxt, new MaterialPageRoute(builder: (ctxt) => EditNote()));
        },
      ),
    ],
  ),
);

}

Answer 1

只需将 Navigator.push 替换为 Navigator.pushReplacement 并删除 Navigator.pop

它将用新屏幕替换当前屏幕。它会解决您的问题。

要详细了解，只需查看此文档: https://docs.flutter.io/flutter/widgets/Navigator/pushReplacement.html