flutter 中的 iOS 风格底部表单背景[无额外包]

Question

当您在 iOS 中打开模态底部表单时，之前的背景（打开模态之前的页面）有动画，它变得更薄，看起来页面和模态构建了一堆页面。

我知道如何在 flutter 中打开模态底部工作表，但我不知道如何像原生 iOS 那样为上一页设置动画。我曾经使用这个包：https://pub.dev/packages/modal_bottom_sheet（特别是我使用第一个示例：Cupertino modal）。 我想在不使用任何包的情况下实现相同的动画。

---

老问题： 我正在尝试像原生 iOS 一样为模态底部表单实现这种效果（我指的是模态下的页面） 我以前使用软件包，但这次我想不进行任何安装。你知道是否可以吗？

Answer 1

看看这个

showModalBottomSheet(
        context: context,
        shape: const RoundedRectangleBorder( // <-- SEE HERE
          borderRadius: BorderRadius.vertical( 
            top: Radius.circular(25.0),
          ),
        ),
        builder: (context) {
          return SizedBox(
            height: 200,
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisSize: MainAxisSize.min,
              children: const <Widget>[
                ...
              ],
            ),
          );
        });

Answer 2

转到github，转到示例，并在主文件中找到此代码：

showCupertinoModalBottomSheet( 展开： 真实， 上下文：上下文， 背景颜色：颜色.透明， 构建器：（上下文）=> ModalFit（）， ））

您还需要确保您的父屏幕保持活动状态。