一 、介绍图片组件
用来显示图片组件 ，图片组件有很多的构造方法 ，这里介绍常用的两种：本地图片和远程图片
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
待补充。
网友评论