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

如果本文内容对您有用,记得点个赞吧!

showModalBottomSheet 所弹出的内容高度是固定的。要想自适应自己布局的高度只需如下两点:

1.
image.png

加入 isScrollControlled: true 后,弹窗高度会变成全屏的。接下来就是自己布局中的处理。

2.
image.png

BottomPhotoDialog是我自己写的想要弹出的布局。在根节点中用SingleChildScrollView来包裹Column即可让弹窗高度适应布局高度

效果图:
GIF 2020-8-8 11-13-09.gif
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。