Skip to content

Image 图片

图片容器,在保留所有原生图片属性的同时,支持懒加载,自定义占位、加载失败占位等功能。

基础用法

基础图片展示,可设置宽度、高度等属性。

查看代码

填充方式

使用 fit 属性来定义图片的填充方式。

查看代码

占位图

使用 placeholder 属性来设置图片加载时的占位内容。

查看代码

图片预览

使用 preview 属性来启用图片预览功能。预览模式下支持:

  • 点击放大
  • 缩放
  • 旋转
  • 全屏查看
查看代码

圆角图片

使用 borderRadius 属性来设置图片的圆角。

查看代码

API

Image 属性

属性名说明类型默认值
src图片源地址String-
width图片宽度double?-
height图片高度double?-
fit图片填充方式BoxFitBoxFit.cover
borderRadius图片圆角double0
placeholder图片加载时的占位内容Widget?-
errorWidget图片加载失败时的占位内容Widget?-
preview是否开启图片预览功能boolfalse

基于 MIT 协议发布