React native 在模态组件中预加载图像

React native 在模态组件中预加载图像,react-native,React Native,我有一个组件,它由一个平面列表和一个模态组件组成。此模态组件具有多个图像组件。图像由源属性设置为外部url 我通过更改visible属性来切换模态组件的可见性 问题是: 每次我打开模式(在开始或关闭模式后),都会从服务器加载映像。所以大概1秒钟内没有图像。 如果我将模式的visible设置为false,是否会从缓存中删除图像???您可以使用 或者兑现你的照片 是的,默认情况下不会缓存react native中的图像 另外,要预加载图像,您可以使用图像缓存可以与多种内容相关。最有效的可能是请求映像

我有一个组件,它由一个平面列表和一个模态组件组成。此模态组件具有多个图像组件。图像由源属性设置为外部url

我通过更改visible属性来切换模态组件的可见性

问题是: 每次我打开模式(在开始或关闭模式后),都会从服务器加载映像。所以大概1秒钟内没有图像。 如果我将模式的visible设置为false,是否会从缓存中删除图像???

您可以使用 或者兑现你的照片

是的,默认情况下不会缓存react native中的图像


另外,要预加载图像,您可以使用

图像缓存可以与多种内容相关。最有效的可能是请求映像时从服务器发送的头。您可以检查标头以查看请求的缓存时间是否较短

另一件事是,在开发过程中,构建或热重新加载应用程序可能会导致清除应用程序的缓存

另一个原因可能是设备中的存储空间不足,可能会触发操作系统删除缓存的图像

在iOS中,您可以控制缓存。更多信息可以找到

没有任何示例代码很难判断,但是,如果您在设置模态的可见性时正在装载然后卸载模态,则可以尝试在装载模态之前预取图像。如果装载模式时缓存控件是正确的,则应该从缓存中为它们提供服务。如果您试图显示的图像很大,则可能是性能问题,或者从磁盘加载图像可能需要很长时间。您可以在具有较小图像的模态中使用较少的项来调试此功能

希望以上信息足够