flutter中使用静态图片资源

2020-07-27  本文已影响0人  zZ_d205

原文:https://www.jianshu.com/p/1366f3135887

使用本项目中的图片

在根目录或者什么地方新建文件夹(或使用已有文件夹),然后把对应的文件路径写进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');

作者:CRJ997

链接:https://www.jianshu.com/p/1366f3135887

来源:简书

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

上一篇 下一篇

猜你喜欢

热点阅读