Flutter之Image Widget（六）

Posted 2023-02-24

参考技术A

Image（图片组件）是显示图像的组件，一个显示图片的widget，支持图像格式：JPEG，PNG，GIF，动画GIF，WebP，动画WebP，BMP和WBM

构造方法
Image: 从ImageProvider获取数据
Image.network: 加载网络图片。
Image.asset: 加载本地图片文件。
new Image.file: 加载本地图片文件(File文件）图片。
new Image.memory: 加载Uint8List资源图片（byte数组）图片。

常用属性

方式一：CircleAvatar
CircleAvatar可以实现圆形头像，也可以添加一个子Widget：

在图片上加一个文本

方式二：ClipOval

ClipOval也可以实现圆角头像，而且通常是在只有头像时使用

方式三：Container+BoxDecoration

方法一：ClipRRect

方法二：Container + BoxDecoration

补充知识点
Icon字体图标和图片图标的区别 ？

Colors.red 是一个MaterialColor对象，为什么可以使用[]（Colors.red[10]）来设置颜色 ?
MaterialColor 继承于ColorSwatch，ColorSwatch中有[] 运算符重载;