美文网首页
Flutter Image fit属性图解

Flutter Image fit属性图解

作者: dc9aaaaa1a20 | 来源:发表于2019-01-17 22:38 被阅读7次

类似于Android中ImageView的ScaleType属性。
fit属性可取的枚举为:

 enum BoxFit {
   fill,
   contain,
   cover,
   fitWidth,
   fitHeight,
   none,
   scaleDown
 }

fill

图片缩放到空间大小,一般会扭曲原图的纵横比.

fill 模式

contain

图片会被等比缩放到能够填充控件大小,并居中展示.


contain 模式

cover

在该模式下,图片会被等比缩放直到完全填充整个Image,并居中显示。


cover 模式

fitWidth

在该模式下,图片会被等比缩放直到宽度填充整个Image,并且居中显示


fitwidth 模式

fitHeight

在该模式下,图片会被等比缩放直到高度填充整个Image,并且居中显示


fitHeight 模式

none

按照图片原比例显示,无缩放,默认居中显示


none模式

scaleDown

当图片比Image大时,相当于contain模式,会等比例缩小图片。 当图片比Image小时,相当于none模式,不会对原图做任何操作。


image

可见Flutter中图片显示方式都是居中显示。

相关文章

网友评论

      本文标题:Flutter Image fit属性图解

      本文链接:https://www.haomeiwen.com/subject/whkwdqtx.html