Flutter Image 图片显示样式 BoxFit

常见用法如下:
Image.asset("assets/images/ic_qrcode_preview_tiny.png",
          height: 30.0, width: 30.0,
          fit: BoxFit.cover);
网络图片fit属性也实用

BoxFit.fill:充满父容器。

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

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

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

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

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

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


更多详解:
喜欢可以加Q群号:913934649,点赞,评论;

简书: https://www.jianshu.com/u/88db5f15770d

csdn:https://me.csdn.net/beyondforme

掘金:https://juejin.im/user/5e09a9e86fb9a016271294a7

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值