Flutter 导航返回主屏幕

Question

我有一个具有以下抽屉的颤振应用程序：

路线：

1. 首页：“/”
2. 附近：“/附近”
3. 已应用：“/applied”

我想要实现的行为是当用户从附近和应用的屏幕单击 android 后退按钮时，应用程序应将它们带到主屏幕。如果他们再次按下主屏幕上的返回按钮，则会将他们从应用程序中移除。

在这里澄清一下，如果他们去附近，然后申请，然后点击返回按钮，它应该带他们回家，而不是申请。

这是我在选择附近和应用的抽屉项目时导航的代码：

Navigator.pushNamedAndRemoveUntil(
    context, 
    routeName, 
    ModalRoute.withName("/")
);

我希望这会在堆栈中留下以下路由：

1. 首页
2. 所选页面

但是当我点击 android 上的后退按钮时，我得到的是来自附近或应用的屏幕，它会将我带出应用程序，而不是让我回到主屏幕。

我错过了什么？如何实现我正在寻找的行为？

请注意，我知道有一个使用 WillPopScope 小部件的解决方案，但我正在寻找一个使用导航堆栈的解决方案。更重要的是，我很想知道为什么上述情况不起作用。

Answer 1

在 NearBy 和 Apply 小部件中添加这个 WllPopCallBack()。

Future<bool> _willPopCallback() async {
     Navigator.pushNamedAndRemoveUntil(
    context, 
    routeName, 
    ModalRoute.withName("/")
);
    return false; // return true if the route to be popped
}

在 NearBy 的 Scaffold() 上添加这个 WllPopScope 小部件，并像这样应用小部件：

new WillPopScope(child: new Scaffold(), onWillPop: _willPopCallback)