Flutter 界面布局

Flutter Image BoxFit

2018-06-08  本文已影响0人  pj0579

布局类似web
用法:Image.asset(
'images/bg.png',
fit: BoxFit.cover,
)
BoxFit.fill:充满父容器。

image.png

BoxFit.contain:尽可能大,保持图片分辨率。

image.png

BoxFit.cover:充满容器,可能会被截断。

image.png

BoxFit.none:图片居中显示,不改变分大小,可能会被截断。

image.png

BoxFit.fitWidth:图片填满宽度,高度可能会被截断

image.png

BoxFit.fitHeight:图片填满高度,宽度可能会被截断

image.png

BoxFit.scaleDown:图片可以完整显示,但是可能不能填充满。

image.png
上一篇 下一篇

猜你喜欢

热点阅读