欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Flutter入门疑难杂症:Flutter 底部弹窗高度自定义

程序员文章站 2022-03-11 18:13:58
...

不多说,直接上代码:

  static void showBottomWidget(BuildContext context, Widget widget) {
    showModalBottomSheet(
        context: context,
        isScrollControlled: true,
        builder: (BuildContext buildContext) {
          return StatefulBuilder(builder: (context1, setBottomSheetState) {
            return AnimatedPadding(
              padding: MediaQuery.of(context).viewInsets,
              duration: const Duration(milliseconds: 100),
              child: widget,
            );
          });
        });
  }

其中widget就是你需要展示的部分了。
Widget高度如果未设置,则铺满整个高度;如果设置了高度,则弹窗显示高度部分,其他部分是半透明的,如图:

Flutter入门疑难杂症:Flutter 底部弹窗高度自定义

相关标签: Flutter入门