layui 弹窗自适应高度_【Flutter】Flutter底部弹窗ModalBottomSheet详解2,设置高度为包裹内容...

本文介绍了在Flutter中如何使ModalBottomSheet根据内容自适应高度,通过提供两种常见情况的示例代码,详细解释了实现自适应高度的具体原理,并引用了相关文档帮助理解布局约束。
摘要由CSDN通过智能技术生成

f6d6f810aded064f5cf4f5a2814878e2.png

在上一篇文章【Flutter】Flutter底部弹窗ModalBottomSheet详解中,解决了底部弹窗基本使用和高度设置问题,但是实际情况中大部分都要自适应高度啊,接下来就是解决这个了

看个最简单的例子

showModalBottomSheet(
        context: context,
        builder: (context) {
          return Container(
            child: Text(
              '这是一大段测试文字,就问你看到了怕不怕',
              style: TextStyle(fontSize: 55),
            ),
          );
        });

abc84bae18b55424f2a4260dc04f1dc8.png

这不就解决了嘛,关键是谁家弹窗这个样子的,一般情况下总得放个column吧,但是你直接放上去那就gg了,那怎么解决呢?

这里就涉及到flutter尺寸的确定逻辑了&

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值