我们如何在react-native-svg中使用SvgUri缓存Svg？

Question

我正在使用

SvgUri

包中的

react-native-svg

组件。有没有办法缓存这些 SVG？

我在github上发现了这个问题，但是那里提到的解决方案对我来说不起作用。

Answer 1

今天我遇到了同样的问题，GitHub 上的问题已关闭，但对我来说，这不是一个“干净”的解决方案。缓存支持应该在库本身中实现。

几个小时后，我发现这个包效果很好：https://docs.expo.dev/versions/latest/sdk/image 如果您将其安装在裸 React Native 应用程序中，您还应该遵循这些附加安装说明。

默认情况下，它包含一个缓存并将其存储在“磁盘”中，您可以根据需要进行更改：https://docs.expo.dev/versions/latest/sdk/image/#cachepolicy

一个简单的更改将优化您的代码和应用程序，例如：

<SvgUri width="50" height="50" uri="url here" />

到

<Image
   style={{
    width: 50,
    height: 50,
  }}
  source="url here"
  transition={250}
/>