Flutter中SVG已加载但不可见的问题排查求助

针对你遇到的容器正常但SVG不可见的问题，试试下面几个实用排查步骤：

• 清理并重建资源缓存
  运行以下命令强制Flutter重新打包资源，很多时候资源未正确嵌入应用的问题能通过这个解决：

  flutter clean
  flutter pub get
  

  执行完成后重启项目再测试。

• 验证SVG文件兼容性
  flutter_svg对SVG特性的支持并非完全覆盖，部分复杂特性（如特定滤镜、非标准渐变、错误的viewBox配置）会导致渲染失败。你可以先替换成一个极简SVG测试：
  创建test.svg文件，内容如下：

  <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
    <rect width="100" height="100" fill="#40E0D0"/>
  </svg>
  

  更新pubspec和代码路径后如果能正常显示，说明原SVG存在兼容问题，需要用Figma、Inkscape等工具重新导出，或手动移除不支持的标签。

• 添加错误监听定位问题
  修改代码添加错误回调，确认是否是加载过程出错：

  SvgPicture.asset(
    "assets/images/turquoise_logo.svg",
    width: 88,
    height: 181,
    errorBuilder: (context, error, stackTrace) {
      print("SVG加载错误: $error");
      return Icon(Icons.error, color: Colors.red);
    },
  )
  

  查看控制台输出的错误信息，能更精准定位问题根源。

• 再次确认pubspec.yaml的缩进
  YAML文件对缩进极其敏感，确保assets下的路径使用两个空格缩进（禁止用Tab）：

  flutter:
    uses-material-design: true
    assets:
      - assets/images/turquoise_logo.svg
  

你的代码和基础配置看起来没有明显问题，优先尝试上面的步骤排查。

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