flutter无法加载本地图片,报错Unable to load asset: images/xxx.png

在flutter项目中,加载本地图片,需要按照以下步骤进行配置:

1、在根目录创建一个用于放图片的文件夹,文件夹名称最好是images。

2、将需要使用的图片拖入到创建的images文件夹中。这里我以img.png为例:

3、在pubspec.yaml文件中将assets:注释打开

然后配置图片路径,这里使用相对路径,所以是images/img.png

4、然后在需要加载图片的代码中使用Image部件加载图片:这里也使用相对路径

按照以上步骤操作,如果没有什么问题的话,图片就可以正常显示了。

但对于新手来说,比较容易出错,图片加载不出来,出现以下报错的情况。

════════ Exception caught by image resource service ════════════════════════════════════════════════

The following assertion was thrown resolving an image codec:

Unable to load asset: images/img.png

这是因为在pubspec.yaml文件中的assets:配置不正确,代码对齐格式必须正确,不然就会出现图片加载不出来的情况

如上图所示,因为assets:是属于flutter下的项,所以assets:前面所留的空格必须是和flutter的其他项对齐,这样才能正确加载出图片。

注意:必须按照规定格式来,多一个或者少一个空格都不行!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容