在 Flutter 中呈现模态？答案

【问题标题】：Present modally in Flutter?在 Flutter 中呈现模态？
【发布时间】：2019-03-10 18:19:04
【问题描述】：

如何在 Flutter 中对路由进行模态展示？

我想出了如何使用通常的“推送”转换导航到路线，但我正在努力实现模态转换。请参阅附加动画（使用本机 iOS 完成）。如何以模态方式呈现屏幕（一个本身可以推送更多屏幕的屏幕）。

请参阅下面的示例。我正在努力的过渡是从“A”到“C”（当然还有一种方法可以解除它并回到“A”）。

【问题讨论】：

你可能想看看 MaterialPageRoute、CupertinoPageRoute 和 PageRouteBuilder

标签： flutter

【解决方案1】：

你可以这样推：

Navigator.of(context).push(
        CupertinoPageRoute(
                fullscreenDialog: true,
                builder: (context) => SomePage(),
        ),
);

希望这会有所帮助。

【讨论】：

【解决方案2】：

转到Section B（推）动画可以通过以下方式实现：

Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) => SectionBRoute()),
              );

转到Section C（模态呈现）动画可以通过以下方式实现：

Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) => SectionCRoute(), fullscreenDialog: true),
              );

【讨论】：