部分屏幕的 flutter 导航

Question

如何将一个小部件推送到另一个小部件的框架中？例如，我有一个带有 2 个容器的列，其中每个容器占据屏幕的一半。我想做一个导航，例如仅在底部容器中。当容器 View 拥有自己的 UINavigationController 时，与 iOS 中的逻辑相同。

据我了解，MaterialPageRoute 只能将小部件推送到全屏，并且没有任何其他 Route 类，除了抽象类。也许我应该创建自己的 ModalRoute/TransitionRoute 子类？

Answer 1

您可以使用 Navigator小部件以在您的应用程序中提供任意数量的单独导航器。每个导航器都将维护它自己的导航堆栈。例如，如果你想垂直分割你的应用程序，每一半都有自己的导航堆栈:

Column(
  children: <Widget>[
    Navigator(...),
    Navigator(...)
  ]
)

如果您这样做，您应该考虑如何处理 Android 后退按钮(现在从技术上讲，您的应用中有 3 个导航器)。默认情况下，它只会监听您的根导航器，因此您必须提供 WillPopScope小部件层次结构中某处的小部件，用于捕获返回按钮事件并从相应的导航器中弹出。