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

注意：必须按照规定格式来，多一个或者少一个空格都不行！