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

发布了152 篇原创文章 · 获赞 18 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/beyondforme/article/details/104050461