2021年3月2日

时间:2个小时

代码:300多行

博客:1

知识点:Image 小组件

参考链接：https://www.jianshu.com/p/843bbc453620

Image 作为支持展示多种图片格式的 Widget，提供了多种构造方法；

Image() 用于从 ImageProvider 中获取图片资源；
Image.asset() 用于从 AssetBundle 中获取工程目录图片资源；
Image.network() 用于从 URL 中获取网络图片资源；
Image.file() 用于从 File 中获取本地图片资源；
Image.memory() 用于从 Uint8List 中获取内存图片资源

const Image({
    Key key,
    @required this.image,       // 图片资源
    this.frameBuilder,          // 帧构造器
    this.loadingBuilder,        // 加载过程帧构造器
    this.errorBuilder,          // 失败状态帧构造器
    this.semanticLabel,
    this.excludeFromSemantics = false,
    this.width,                 // 图片宽
    this.height,                // 图片高
    this.color,                 // 图片颜色
    this.colorBlendMode,        // 混合方式
    this.fit,                   // 分布效果
    this.alignment = Alignment.center,      // 对齐方式
    this.repeat = ImageRepeat.noRepeat,     // 平铺效果
    this.centerSlice,
    this.matchTextDirection = false,
    this.gaplessPlayback = false,
    this.isAntiAlias = false,
    this.filterQuality = FilterQuality.low,
})