Flutter 基础控件之Image

 //Text 文本测试
  child: new Image.network(
    "http://img.improve-yourmemory.com/pic/33afa10cf2b273b4e7beb194c0a9bcc1-0.jpg",
    fit: BoxFit.fill,
    color: Colors.yellowAccent,
    colorBlendMode: BlendMode.darken,
    repeat: ImageRepeat.repeat,
  ),

效果如下： image.png

常用属性讲解

Image 常用两种，一种是 本地图片资源(asset file)，如APP 切图 等
另一种是网络图片，写法Image.network

fit image最常用的属性 它设置Image的显示风格

1.fill 的显示风格是全部充满，可能会变形 如图

image.png

2.contain 不变形 并完全显示图片但是会有留白 效果如下图

image.png

3. cover 不变形 但是会剪切 并充满图片 效果如下图

   
   image.png
   

   以上三种为最常用类型 其他可自行查看

colorBlendMode 效果相当于添加滤镜

repeat 设置充填模式，实际开发中用处不大 可忽略