React native：推荐使用 PNG 还是 SVG 图片？

Question

我正在做一个 react-native 项目，我有超过 30 个 SVG 格式的图标。 我想知道是否建议将这些图像转换为 PNG，或者最好用作 SVG 文件。 如果最好将图像用作 SVG，那么在 React Native 上显示 SVG 文件的最佳方式是什么？

Answer 1

您总是可以更喜欢 svgs 而不是 pngs，因为后者渲染起来很重。

要渲染 svg 资产，您可以使用react-native-svg这是我为 react-native 找到的最好的。但它并不完全完整。您无法使用此包显示过滤器和阴影。为此，请改用 png。

Answer 2

对于 react-native 应用程序，首选 PNG 而不是 SVG，因为它的渲染对 CPU 的占用较少，并且与 web 应用程序相比，用户不需要在每次应用程序启动时加载所有图像，而只需在安装时加载，因此大小并不重要。

只需确保提供三种（或至少最后两种）尺寸：

image.png
image@2x.png
image@3x.png

Answer 3

SVG 并不总是最好的解决方案。 如果您的 SVG 没有优化并且有很多路径/线条，或者如果您需要多次使用它，它会生成大量视图并降低您的应用程序的速度。

最佳答案是视情况而定。