BoxFit(缩放模式、自适应模式)

368 阅读1分钟

类似于Android原生的ImageView ScaleType

以下是Flutter提供的Box缩放类型:

  • fill:Box被完全填充,相当于ScaleType的FIT_XY

  • contain:保持Box的纵横比至至少有一边填充满父控件,相当于ScaleType的FIT_CENTER

  • cover:保持Box的纵横比进行缩放至Box完全填充满父控件,超出部分进行裁剪,相当于ScaleType的CENTER_CROP

  • fitWidth:缩放Box宽直至填充满父控件

  • fitHeight:缩放Box高直至填充满父控件

  • none:不进行任何缩放操作

  • scaleDown:图片大于父控件(图片很大),则采用与contain一致的缩放模式,否则采用none缩放模式

如果有不对的地方,还望指出!!!