Flutter 自适应高度bottom sheet

Posted 安果移不动

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter 自适应高度bottom sheet相关的知识,希望对你有一定的参考价值。

Future showTips() async {
    final flag = await showModalBottomSheet(
        context: context,
        isScrollControlled: true,
        builder: (BuildContext context) {
          return SingleChildScrollView(
            child: Column(
              children: <Widget>[
                ListTile(
                  title: Text('分享应用'),
                  onTap: () {
                    SettingUtils.share();
                    Navigator.pop(context, false);
                  },
                ),
                _buildAdContainer(),
                ListTile(
                  title: Text('确认退出'),
                  onTap: () {
                    Navigator.pop(context, true);
                  },
                ),
              ],
            ),
          );
        });
    if (flag) {
      SystemNavigator.pop();
    }
  }

注意这两个小细节即可

以上是关于Flutter 自适应高度bottom sheet的主要内容,如果未能解决你的问题,请参考以下文章

使用 padding-bottom 设置高度基于宽度的自适应

利用padding-top/padding-bottom百分比,进行占位和高度自适应

Flutter:modal_bottom_sheet(iOS 风格)

Flutter实战巧之-showModalBottomSheet 高度自适应

CSS 背景图宽度100% 高度自适应

页面中根据文字的多少自动显示一行或两行,一行的时候高度居中,两行自适应