Flutter(十二)基础控件-Image

感君一回顾，思君朝与暮。

<一>Flutter中的Image类似我们iOS中的UIImageView

• Image 组件非常常用，用来加载图片（本地图片和网络图片）
• Image：通过ImageProvider来加载图片
• Image.asset：用来加载本地资源图片
• Image.file：用来加载本地（File文件）图片
• Image.network：用来加载网络图片
• Image.memory：用来加载Uint8List资源（byte数组）图片

///加载本地图片 fit:图片填充方式
Image.asset(
 'assets/images/lake.jpg', fit: BoxFit.none,
),
///加载网络图片      
Image.network(
'http://tiebapic.baidu.com/forum/w%3D580/sign=a96ca741eafaaf5184e381b7bc5594ed/7ea6a61ea8d3fd1f2643ad5d274e251f95ca5f38.jpg'
),
///加载网络图片带占位图
FadeInImage.assetNetwork(
  placeholder: 'assets/images/lake.jpg',
  image: 'http://tiebapic.baidu.com/forum/w%3D580/sign=a96ca741eafaaf5184e381b7bc5594ed/7ea6a61ea8d3fd1f2643ad5d274e251f95ca5f38.jpg',
  fit: BoxFit.none,
 ),
//加载网络图片带透明占位图 第三方插件 transparent_image: ^2.0.0
FadeInImage.memoryNetwork(
  placeholder: kTransparentImage,
  image: 'http://tiebapic.baidu.com/forum/w%3D580/sign=a96ca741eafaaf5184e381b7bc5594ed/7ea6a61ea8d3fd1f2643ad5d274e251f95ca5f38.jpg',
 ),