美文网首页Flutter实战技巧
Flutter实战巧之-showModalBottomSheet

Flutter实战巧之-showModalBottomSheet

作者: 不会弹吉他的二郎腿 | 来源:发表于2020-08-08 11:09 被阅读0次

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

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

1. image.png

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

2. image.png

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

效果图: GIF 2020-8-8 11-13-09.gif

相关文章

网友评论

    本文标题:Flutter实战巧之-showModalBottomSheet

    本文链接:https://www.haomeiwen.com/subject/wxthdktx.html