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

Question

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

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

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

flutter 中的 svg

Here the svg

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

Answer 1

这可能是由于来自互联网的损坏的 SVG 文件而发生的。我之前遇到过这个问题，并尝试了很多方法来解决它。不过最后还是在这个软件的帮助下解决了，svgcleaner .
将应用程序下载到您的操作系统中，来自 here
安装后，

导入您的 SVG。

点击运行。

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

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