Flutter系列 - 引入本地图片

Flutter系列 - 引入本地图片

---

1. 大致文件结构

├── images
│ ├── myIcon.png
│ └── myIcon2.png
├── lib
└── pubspec.yaml

2. 步骤

1. 在flutter中引入本地图片, 我们先在项目根目录建立一个images文件夹, 把本地图片资源拖进去
2. 在pubspec.yaml中配置, 特别注意, 一定要注意缩进, 否则无法读取图片路径

flutter:
  uses-material-design: true
  assets:
  	- images/myIcon.png
  	- images/myIcon2.png

3. 在页面中使用

Image.asset('images/myIcon.png')

如果有100张本地图片我们要配置100遍吗? 当然不是, 我们可以引入相对路径, 如下

flutter:
  uses-material-design: true
  assets:
  	- images/

5. 使用方法不变

Image.asset('images/myIcon.png')
Image.asset('images/myIcon2.png')