Flutter Image BoxFit

布局类似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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,857评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,853评论 0 2
  • 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...
    珍此良辰阅读 20,769评论 15 16
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 功能强大的Xcode再配上高效的插件,必会让你的开发事半功倍。直接进入正题。 更新xcode8+如何安装插件 Xc...
    Ronda阅读 14,475评论 9 80