在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的其他项对齐,这样才能正确加载出图片。