flutter的image控件

flutter的图片控件

1.flutter使用远程图片

使用 Image.network 来调用远程的图片 代码如下：

class HomeContent extends StatelessWidget{
	@override
	Widget build(BuildContext context){
		return Center(
			child: Container(
				child: Image.network(
				"https://xxx.jpg",
				alignment: Alignment.bottomCenter,  // 配置容器显示方位 alignment
				color: Colors.blue, // 图片的颜色
				fit: BoxFit.cover, // 填充容器
				ImageRepeat.repeatY  //设置Y平铺
				...
				)
			)
		)
	}
}

给图片设置圆角的方式(使用比较多)

child: ClipOval(
	child: Image.network("https://xxx.jpg",fit: BoxFit.cover)
)

2.flutter是用本地图片 Images.assets()（需要配置）

2.1在根目录下新建一个 images 的文件夹，里面放置图片

2.2在配置文件 pubspec.yaml 进行配置 代码如下

flutter:
  assets:
    - images/2.0x/dog.jpg
    - images/3.0x/dog.jpg
    - images/4.0x/dog.jpg
    - images/dog.jpg

2.3使用 Images.assets() 进行访问

child: Container(
	child: Images.assets("images/dog.jpg")
)