Flutter加载图片
flutter 图片 加载
2023-09-27 14:27:34 时间
1、加载本地图片
1.1、创建images目录
在工程根目录下创建一个images目录,并将图片 avatar.png 拷贝到该目录。
1.2、配置图片路径
在flutter项目下的pubspec.yaml中添加图片路径信息:
assets:
- images/avatar.png
- images/login/ //注意如果是文件夹必须以/结尾
注意: assets前面有两个空格,yaml必须严格按照语法每一层两个空格的方式进行缩进
1.3、加载图片
Image(
image: AssetImage("images/avatar.png"),
width: 60.0
);
或
Widget avatar = Image.asset(
"images/avatar.png",
width: 60.0);
2、加载网络图片
Image(
image: NetworkImage(
"https://uploadfile.huiyi8.com/2013/0816/20130816031331766.jpg"),
width: 60.0,
)
或
Image.network(
"https://uploadfile.huiyi8.com/2013/0816/20130816031331766.jpg",
width: 60.0,
)