感君一回顾,思君朝与暮。
<一>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',
),