flutter中使用图片文件

flutter中文社区 静态资源使用

使用本项目中的图片

1. 在根目录或者什么地方新建文件夹（或使用已有文件夹），然后把对应的文件路径写进yaml文件中。写法：

// 在flutter下
flutter: 
   uses-meterial-design: true,
   assets:
     - assets/ //我这边把静态资源文件都放在了assets文件下, 注意最前面要有短横线。 这种形式添加一整个文件夹的所有资源文件。
     - ... // 有多个文件夹就继续加。
     - assets/a.jpg // 这种方式添加单个文件到flutter的key映射表中。

2. 然后在里面使用图片资源文件：
   使用Image 这个widget进行资源的显示， 并用AssetImage来加载图片资源:

Image(image: AssetImage('assets/a.jpg');

这样子就可以显示在APP上了。

结果图

使用其他包里面的图片文件

1. import 包。
2. 使用Image 这个widget进行资源的显示， 并用AssetImage来加载图片资源，这时候需要给AssetImage多提供一个package参数，另外注意路径是packageA内部的文件路径。

Image(image: AssetImage('assets/a.jpg', package: 'packageA');