Flutter实战技巧

Flutter实战巧之-showModalBottomSheet

2020-08-08  本文已影响0人  不会弹吉他的二郎腿

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

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

1. image.png

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

2. image.png

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

效果图: GIF 2020-8-8 11-13-09.gif
上一篇 下一篇

猜你喜欢

热点阅读