dart - 如何实现像 Youtube 和 Instagram 应用程序中那样的导航堆栈？

Question

我正在尝试使用 Flutter 制作一个使用底部导航栏的应用程序。我想像在 Youtube 和 Instagram 应用程序中一样，将我以前访问过的屏幕保留在导航堆栈中。例如，假设我有 3 个不同的底部导航栏(A、B 和 C)。分别点击A、B、C标签后，想分别返回C、B、A。

这是我的主要目标，但如果可能的话，我还有一个次要目标。

在 Instagram 和 Youtube 中，如果您按 A -> B -> C -> B -> C 的顺序单击选项卡(现在您位于选项卡 C 上)，然后当您开始单击后退按钮时，它会返回到 C -> B -> A 选项卡。基本上，每个选项卡都可以在导航堆栈中放置一次。如果您多次访问同一个选项卡，则同一选项卡的前一个屏幕将从导航堆栈中删除。

这两天我一直在寻找这个问题的解决方案，但我找不到。我什至测试了 flutter-go app这是阿里巴巴开发人员制作的，当我点击返回按钮时，应用程序刚刚关闭。

对于这个问题，我将不胜感激。

Answer 1

Navigator.of(context).pushNamedAndRemoveUntil('/screenB', ModalRoute.withName('/screenA'));

在最后一个 FragmentC 上试试这个