如何只渲染一次图像

Question

我有一组图像：

[
  {
    'base64': ...
  }
  ...
]

然后用以下图像渲染这些图像：

<Image
    source={{
        uri: 'data:' + image.mime + ';base64,' + image.base64
    }}
/>

问题在于渲染需要很多时间，每次我退出并返回屏幕时，React都会重新渲染所有图像。 我已经尝试过FastImage，但无济于事，因此我正在考虑仅在应用启动时渲染一次这些图像，然后根据当前屏幕隐藏/显示它们。

Answer 1

Base64需要花费大量时间来处理，而是使用扩展名为.jpg或.png的图像文件。

通过库存图像，我认为您的意思是将图像存储在React-native项目中并进行渲染。在这种情况下，您可以像这样使用<Image>标签，

<Image source={require("./ImageName.png")}/>

如果您想从工作的.js文件中移至更高一级，请使用./，如果您希望从上方跳至两级，请在{{1 }}标签。

希望这会有所帮助。如有任何疑问，请发表评论！