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('[email protected]'),
            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

Answer 2

根据您的代码，您正在当前屏幕顶部初始化MyHomePage屏幕（启动新屏幕）。在抽屉导航中，您必须将body:替换为您想要显示的屏幕。

示例：

拿一个变量就好

  int selectionScreen = 0;

你可以根据自己的需要服用它，我服用了int。现在基于此，您可以选择要显示的屏幕。

new Scaffold(
        appBar: new AppBar(
          // here we display the title corresponding to the fragment
          // you can instead choose to have a static title
          title: new Text("Drawer navigation"),
        ),
        drawer: new Drawer(
          child: new Column(
            children: <Widget>[
              new ListTile(
                  leading: Icon(Icons.home),
                  title: new Text("Home"),
                  onTap: () {
                    setState(() {
                      selectionScreen = 0;
                    });
                    Navigator.pop(context);
                  })
            ],
          ),
        ),
        body: _getScreen(selectionScreen));

现在，您可以使用_getScreen()获取多个屏幕，因为您在抽屉列表中添加了更多ListTile。

_getScreen(int selection) {
    switch (selection) {
      case 0:
        return MyHomePage();

      case 1:
        return Screen2();
      default:
    }
  }

这将取代现有抽屉导航屏幕中的屏幕。

请确认这是否是您面临的问题。谢谢。