一 、介绍图片组件

用来显示图片组件 ，图片组件有很多的构造方法 ，这里介绍常用的两种：本地图片和远程图片

Image.asset 本地图片  ;       Image.network 远程图片  

Image组件的常用属性  ：

alignment   图片的对齐方式  

图3

fit:BoxFit.cover   用的最多 ，表示充满组件 ，且不变形

repeat:ImageRepeat.repeat   表示图片沿着X轴和Y轴进行重复平铺 ，直到铺满全屏 ，

repeat:ImageRepeat.repeatX ;表示沿着X轴平铺

二、圆形图片的实现

图4

先通过BorderRadius.circular(直径的一半),设置背景成圆形，在加载网络图片image:NetworkImage

另一张写法  ：  ClipOval的child属性结合 height 和width属性实现圆形

图5

三、引入本地图片   

图6

新建一个目录 比如images目录 ，官方要求图片2.0X ,3.0X  ,把图片放入对应文件夹 ，打开pubspec.yaml文件，在里边配置图片路径图下图

图7

最后通过  image:asset() ;方法去引入 ，属性设置跟远程设置图片一模一样 。

图8

待补充。