我正在尝试使用 flutter svg，但加载黑色 svg

Question

我正在尝试使用 Flutter SVG 依赖项，我将 svg 放入资产中，在 pubspec.yaml 中设置，并在我的小部件中设置，但是，使用黑色容器加载 svg

我已经尝试过更改 svg，另一个 svg 工作正常，但另一个没有...

    final Widget svg = SvgPicture.asset(assetName, semanticsLabel: 'Acme Logo');

颤动中的 svg

我预期的响应是像 codepen 中的链接一样用 svg 着色，但我得到了这个

Answer 1

这可能是由于来自互联网的损坏的 SVG 文件而发生的。我之前遇到过这个问题，并尝试了很多方法来解决它。但最后，我在这个软件svgcleaner的帮助下解决了它。

从这里将应用程序下载到您的操作系统中

安装后，

导入您的 SVG。

点击运行。

成功！在这里您可以看到您的 SVG 已成功清理。

清理后，您可以从输出文件夹位置获取这些 SVG 文件，并将这些文件添加到您的 Flutter 应用程序中，而不会看到任何黑色的 SVG。

它像这样工作得很好。

Answer 2

尝试这个：

Container(
  child: SvgPicture.asset(
       'assets/images/image.svg',
        fit: BoxFit.contain,
  ),
)