【Flutter】三、Flutter之图片
- 1.Image构造器
- 2.Image属性说明
-
- 2.1 ImageProvider image
- 2.2 ImageFrameBuilder frameBuilder
- 2.3 ImageLoadingBuilder loadingBuilder
- 2.4 double width
- 2.5 double height
- 2.6 Color color
- 2.7 FilterQuality filterQuality
- 2.8 BlendMode colorBlendMode
- 2.9 FilterQuality filterQuality
- 2.10 BoxFit fit
- 2.11 AlignmentGeometry alignment
- 2.12 ImageRepeat repeat
- 2.13 Rect centerSlice
- 2.14 bool matchTextDirection
- 2.15 bool gaplessPlayback
- 2.16 String semanticLabel
- 2.17 bool excludeFromSemantics
FLutter中可使用Image获取来自网络、文件、内容、asset的图片。
1.Image构造器
一、构造函数
const Image({
Key key,
@required this.image,
this.frameBuilder,
this.loadingBuilder,
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.filterQuality = FilterQuality.low,
}) : assert(image != null),
assert(alignment != null),
assert(repeat != null),
assert(filterQuality != null),
assert(matchTextDirection != null),
super(key: key);
二、命名构造函数
// 2.1 用于创建来自网络的图片
Image.network(
String src, {
Key key,
double scale = 1.0,
this.frameBuilder,
this.loadingBuilder,
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.filterQuality = FilterQuality.low,
Map<String, String> headers,
}) : image = NetworkImage(src, scale: scale, headers: headers),
assert(alignment != null),
assert(repeat != null),
assert(matchTextDirection != null)