添加Assets资源后应用无响应且图片不显示的解决方法

核心错误：SVG组件加载PNG文件 #

你用SvgPicture.asset()加载了PNG格式的图片，这个组件仅支持SVG格式文件，PNG图片应该用Image.asset()替代。修改代码如下：

leading: Image.asset(
  'assets/svg/btclogo.png',
  height: 15,
  width: 15,
),

其他必要检查步骤 #

• 确认pubspec.yaml配置缩进正确：Flutter对YAML文件缩进要求严格，assets字段必须正确嵌套在flutter节点下，示例正确配置：

flutter:
  assets:
    - assets/svg/

• 执行flutter pub get命令：修改pubspec.yaml后必须执行该命令，让Flutter识别新添加的资源文件。
• 核对文件路径与名称：确保assets/svg/目录下确实存在btclogo.png文件，注意文件名大小写（Flutter在iOS和Android平台对文件名大小写敏感）。

交互无响应的原因 #

图片加载异常会导致UI渲染阻塞，进而引发应用无法响应交互。修复图片加载问题后，应用交互功能即可恢复正常。

内容的提问来源于stack exchange，提问作者Cody