带 BottomNavigationBar 的多个导航器

这是我文章的源代码

预览

在此示例中,每个选项卡都有自己的导航堆栈。这样可以确保我们在切换选项卡时不会丢失导航历史记录。

这是许多应用程序中非常常见的用例。

它是如何构建的?

  • 创建一个带有 ScaffoldBottomNavigationBar 的应用。
  • Scaffold 的主体中,创建一个 Stack,每个选项卡有一个子项。
  • 每个子项都是一个 Offstage 小部件,其中包含一个 Navigator 子项。
  • 别忘了使用 WillPopScope 处理 Android 返回导航。

在我的文章中阅读完整的故事

鸣谢

  • Brian Egan:感谢建议使用 Stack + OffstageNavigator 小部件。

许可证:MIT

GitHub

查看 Github