React Native：建议使用PNG或SVG图像吗？ [已关闭]

Question

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

Answer 1

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

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

image.png
[email protected]
[email protected]

但是，如果您也在为 web 平台（react-native-web）进行开发，那么使用 SVG 是有意义的，因为它们可以减少加载时间、支持更多分辨率并且更易于访问，例如为视力不佳的人提供更好的缩放比例（例如浏览器中的 200% 缩放比例）。

Answer 2

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

最佳答案是视情况而定。

Answer 3

您始终可以更喜欢 svgs 而不是 png，因为后者渲染起来很繁重。

要渲染 svg 资源，您可以使用

react-native-svg

。这是我发现的最好的 React-native。但它并不完全完整。您无法使用此包显示滤镜和阴影。为此请使用 png。