flutter中使用图片文件
2020-01-09 本文已影响0人
CRJ997
使用本项目中的图片
- 在根目录或者什么地方新建文件夹(或使用已有文件夹),然后把对应的文件路径写进yaml文件中。写法:
// 在flutter下
flutter:
uses-meterial-design: true,
assets:
- assets/ //我这边把静态资源文件都放在了assets文件下, 注意最前面要有短横线。 这种形式添加一整个文件夹的所有资源文件。
- ... // 有多个文件夹就继续加。
- assets/a.jpg // 这种方式添加单个文件到flutter的key映射表中。
- 然后在里面使用图片资源文件:
使用Image 这个widget进行资源的显示, 并用AssetImage来加载图片资源:
Image(image: AssetImage('assets/a.jpg');
这样子就可以显示在APP上了。

使用其他包里面的图片文件
- import 包。
- 使用Image 这个widget进行资源的显示, 并用AssetImage来加载图片资源,
这时候需要
给AssetImage多提供一个package参数
,另外注意路径
是packageA内部的文件路径。
Image(image: AssetImage('assets/a.jpg', package: 'packageA');