Flutter使用flutter_svg加载SVG图标遇<metadata/>未处理错误求助

架构老林

2026-6-28

解决flutter_svg加载SVG时的<metadata/>错误

以下是几个可行的解决办法：

手动清理SVG文件中的metadata标签
用文本编辑器打开你的assets/icons/vs.svg文件，找到并删除<metadata>和对应的</metadata>标签（包括标签内的所有内容），保存后重新运行项目即可。很多设计工具导出SVG时会自动添加这类冗余元数据，flutter_svg对这类非标准渲染元素支持有限。
启用allowUnknown参数忽略不支持的元素
在调用SvgPicture.asset时添加allowUnknown: true配置，让包自动忽略它无法处理的元素：
```
SvgPicture.asset(
  'assets/icons/vs.svg',
  height: 30,
  width: 30,
  allowUnknown: true,
),
```
升级flutter_svg到最新版本
运行以下命令升级包，新版本可能已经修复了对metadata元素的处理：
```
flutter pub upgrade flutter_svg
```