如何在Flutter中的showModalBottomSheet中显示全高视图？

Question

感谢您的阅读。 我想做的是导航到 modalBottomSheet 内的全高度视图。 重点是我在 showModalBottonsheet() 时使用了

onGenerateRoute

，因为还有另一个导航显示与 modalBottomsheet 相同的高度。顺便说一句，默认导航是导航到全高度。

需要明确的是，modalBottomsheet 内应该有 2 个导航。

1. 导航至全高视图
2. 导航到与 modalButtomsheet 本身高度相同的视图

正如我提到的，我已经使用 onGenerateRoute 实现了 2 个：

showModalBottomSheet(
      context: context,
      builder: (context) => Navigator(
        onGenerateRoute: (context) =>
            CupertinoPageRoute<ProductView>(builder: (context) {
              return const ModalView();
        }),
      ),
    );

由于我使用 onGenerateRoute，我无法再使用 navigator.pop() 制作全高度视图。

如有任何建议，我将不胜感激。谢谢你。

Answer 1

据我了解，您想显示“showModalBottomSheet”的完整高度

要解决这个问题，您可以使用如下代码：

showModalBottomSheet<void>(
context: context,
isScrollControlled: true,
builder: (BuildContext context) {
  return FractionallySizedBox(
      heightFactor: 1.00, // 1 means full height
      child: Container(
        color: Colors.amber,
      ));
},

）；