Flutter系列 - 引入本地图片
1. 大致文件结构
├── images
│ ├── myIcon.png
│ └── myIcon2.png
├── lib
└── pubspec.yaml
2. 步骤
- 在flutter中引入本地图片, 我们先在项目根目录建立一个
images
文件夹, 把本地图片资源拖进去 - 在
pubspec.yaml
中配置, 特别注意, 一定要注意缩进, 否则无法读取图片路径
flutter:
uses-material-design: true
assets:
- images/myIcon.png
- images/myIcon2.png
- 在页面中使用
Image.asset('images/myIcon.png')
如果有100张本地图片我们要配置100遍吗? 当然不是, 我们可以引入相对路径, 如下
flutter:
uses-material-design: true
assets:
- images/
- 使用方法不变
Image.asset('images/myIcon.png')
Image.asset('images/myIcon2.png')
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)