flutter 图片填充

481 阅读1分钟

1,fill : 填充容器,拉伸或者压缩

image.png

2,contain: 尽可能大,不改变图片原始比例

image.png

3, cover:尽可能小,覆盖整个容器,超出容器

image.png

4,fillwidth: 确保图片的宽度,和容器宽度一样,图片等比例放大,

image.png

5,fillheight:确保图片的高度,和容器高度一样,图片等比例放大,

image.png

6,none: 图片大小不改变。默认在容器的中心,丢弃框外的部分

image.png

7,scaledown: 图片在容器中心, 如果需要,缩放图片,在容器显示, 图片等比例变化

7.1如果压缩图片,和 contain 一样, 7.2如果不压缩图片, 和none一样,

image.png