Flutter组件——Image

Image

Image就是图片组件，其中分为很多中，比如说network(url
获取图片)，asset(本地获取图片)，还有File，Memory。这里我学习了network和asset的。

• 必须属性

  这里必须属性和Text组件的字符串内容差不多，我们需要加入图片地址，asset需要放入本地地址，network需要放入网络地址。不过在new Image.asset之前，我们需要在yaml文件中注册asset资源

  flutter:
    assets:
      - images/avatar.gif

• width,height

  宽高设置，需要double

• alignment

  排列位置，接受Alignment对象。控制的是图片在图片组件中的位置。

• fit

  图片充满格式，接受BoxFit对象，可以使用其中已经预定义了一些常量fill(充满)，cover(覆盖)等。

• repeat

  重复，接受ImageRepeat对象，控制的是如果图片没有占满图片组件，那么就重复。

• color

  与混合模式一起使用，在图片上增加一个颜色层，然后使用混合模式混合，如果不加混合模式，图片就会被颜色给覆盖掉。

• ColorBlendMode

  接受一个BlendMode，图片混合模式，该对象已经定义好几种混合类型，BlendMode.darken,BlendMode.clear等。

代码示例

Image.asset("images/avatar.gif",
              width: 200.0,
              height: 400.0,
              color: Colors.pink,
              colorBlendMode: BlendMode.colorBurn,
              fit: BoxFit.scaleDown,
              alignment: Alignment.bottomCenter,
              repeat: ImageRepeat.repeat,
            )