Image.asset:本地图片 Image.network：远程图片 网络图片： ~~~ Image.network( 'url地址', width:100.0,//宽度 height:100.0//高度 fit:BoxFit.fill //contain fitWidth fitHeight cover repeat: ImageRepeat.repeat, alignment:Aliment ) ~~~ 注意： Image中的width和height容易失效，最后控制Container的宽度和高度 Image中的 alignment也容易失效：外围Container中有alignment时 ~~~ child: Image.network( 'http://szimg.mukewang.com/5baf3f0a000180df06000338-360-202.jpg', alignment: Alignment.center, //配置图片混合颜色 color和colorBlendMode color: Colors.yellow, colorBlendMode: BlendMode.colorBurn, //fit cover:全屏显示，会拉伸剪裁，不变形,常用 //fill 铺满拉伸,会变形 contain fitWidth fitHeight fit: BoxFit.contain, //repeat repeatX,repeatY repeat: ImageRepeat.repeat, ), ~~~ 圆角图片 1.容器的borderRadius结合Image属性 2.ClipOver类实现 ~~~ child: Container( width: 300, height: 300, decoration: BoxDecoration( color: Colors.yellow, /* borderRadius: BorderRadius.all( Radius.circular(150), ) */ borderRadius: BorderRadius.circular(150), image: DecorationImage( image: NetworkImage('http://szimg.mukewang.com/5baf3f0a000180df06000338-360-202.jpg'), fit: BoxFit.cover ) ), ), ~~~ 第二种(推荐) ~~~ child: Container( child: ClipOval( child: Image.network( 'http://szimg.mukewang.com/5baf3f0a000180df06000338-360-202.jpg', width: 300, height: 300,//image组件的高度和宽度 fit: BoxFit.cover ), ), ), ~~~ 移入本地图片： 1. images目录 2. 2.0x 3.0x 4.0x 3. 把图片分别放在文件夹中 4. 因为flutter项目运行在手机上，根据不同分辨率加载不同图片，因此必须2.x 3.x 5. 配置pubspec.yaml，需要在asstes，把配置的图片引入 ~~~ child: Container( child: Image.asset( 'images/location.png', width: 100, height: 100, fit: BoxFit.cover ), ), ~~~