React native：推荐使用 PNG 或 SVG 图像吗？答案

【问题标题】：React native: is it recommended to use PNG or SVG images?React native：推荐使用 PNG 或 SVG 图像吗？
【发布时间】：2019-12-09 21:10:39
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

最佳答案视情况而定。

【讨论】：

【解决方案3】：

对于 react-native 应用程序更喜欢 PNG 而不是 SVG，因为它的渲染占用较少的 CPU 资源，并且与 Web 应用程序相比，用户不需要在每次应用程序启动时加载所有图像，而只需在安装时加载，因此大小无关紧要这么多。

只要确保您提供三个（或至少最后两个）尺寸：

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

【讨论】：