Flutter Web - 某些 svg 文件未出现在移动设备上

Question

我有一个 Flutter Web 应用程序，在那里，如果我使用 google chrome 或 safari 等网络浏览器，即使我可以将其调整为像移动设备一样小，我也可以完整地看到 SVG 图像。

另一方面（问题从这里开始），当我通过网站打开我的应用程序（我使用iPhone 13）后，svg图像不会出现。

我尝试将其 SVG 转换为 JPEG，它成功了，但我需要它的 SVG 版本。

顺便说一句，我使用的是 flutter_svg 包，这是流行的包。

另外，请注意，我还使用了另一个 SVG 文件，它具有较小的尺寸（例如 25 高度，25 宽度）和较小的尺寸（例如 10kb），尽管它们也是 SVG 文件，但我可以在手机中看到它们。

我试图将有问题的SVG变小，即使我做到5宽5高，我也看不到。所以问题不在于它的维度。我没有溢出的问题。

此外，对于大小，SVG 为 900kb，另一方面 jpeg 也约为 900kb。

最后，所有进程都在发布模式、调试模式和生产/实时模式下进行控制（不幸的是我在那里遇到了问题）。

Answer 1

我就是这样解决的

flutter clean
flutter pub get
flutter build web --web-renderer canvaskit --release --no-tree-shake-icons
flutter run -d chrome --web-renderer canvaskit