dart - 如何推送停留在 Flutter BottomNavigationBar 顶部的全屏页面

Question

我到处找，找不到答案。

我有一个 BottomNavigationBar 和一个 FloatingActionButton。

我想做的是在用户按下 FloatingActionButton 时推送一个全屏页面。

此页面需要覆盖 BottomNavigationBar 和之前的 AppBar 区域，因为在这个新页面中，用户不允许转到 的其他选项卡BottomNavigationBar.

我遇到了 fullscreenDialog ，PageRoute Widget 类的一个属性，我很兴奋，但无法让它完全按照我希望的方式工作(顶部<->底部，我稍后会解释)

此页面将拥有自己的 Scaffold 和 AppBar 并且能够推送/弹出到下一个屏幕(在其自己的导航树内)

为了弹出此页面，用户将按下位于页面底部中心的“x”按钮。

我想从顶部<->底部推送/弹出这个新页面，而不是通常的左<->右导航样式(对于 iOS/Cupertino)

我熟悉来自 iOS 设备的这种类型的 UI(ModalViewController)

那么我们如何实现 push 和 pop 命令呢？

或者是否有另一种更好/推荐的方法来做到这一点？

Answer 1

我遇到了类似的问题，解决方法如下:

await Navigator.of(context, rootNavigator:true).push( // ensures fullscreen
      CupertinoPageRoute(
            builder: (BuildContext context) {
              return MyWidget();
            }
      ) );

发现于 https://stackoverflow.com/a/54017488/247451