如何在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 - >一个标签。基本上，每个选项卡可以在导航堆栈中放置一次。如果您多次访问同一个选项卡，则会从导航堆栈中删除相同选项卡的上一个屏幕。

我正在寻找这个问题的解决方案两天但我找不到。我甚至测试了由阿里巴巴开发者制作的flutter-go app，当我点​​击后退按钮app刚刚关闭时。

我很感激这个问题的任何帮助。

Answer 1

本文解释了您的用例：Multiple Navigators with BottomNavigationBar

Answer 2

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

在最后一个FragmentC上尝试这个