React native 反应本机预加载本地映像

React native 反应本机预加载本地映像,react-native,react-native-maps,React Native,React Native Maps,在React Native中渲染之前如何加载图像 我用地图 我使用自定义图像作为标记 我想在加载贴图之前(或渲染之前)加载标记图像。RN图像组件处理这种情况的特定静态方法: 注意:Image.prefetch返回承诺 下面是如何使用React Native Router Flux(RNRF)实现此功能而不使用Redux的示例: 让urlOfImages=[https://...] 让预取任务=[]; urlOfImages.forEach((p)=>{ 预取任务.push(Image.prefe

在React Native中渲染之前如何加载图像

我用地图

我使用自定义图像作为标记


我想在加载贴图之前(或渲染之前)加载标记图像。

RN图像组件处理这种情况的特定静态方法:

注意:
Image.prefetch
返回承诺

下面是如何使用React Native Router Flux(RNRF)实现此功能而不使用Redux的示例:

让urlOfImages=[https://...]
让预取任务=[];
urlOfImages.forEach((p)=>{
预取任务.push(Image.prefetch(p));
});
Promise.all(预取任务)。然后((结果)=>{
让downloadeAll=true;
results.forEach((结果)=>{
如果(!结果){
//下载pic时出错
downloadeAll=false;
}
})
如果(下载全部){
Actions.someScene({downloaddedpics:urlOfImages})
}
})
然后在someScene组件中,像平常一样使用图像组件,图像将从本地磁盘缓存而不是远程获取:


另外,如果您试图从http而不是安全的https端点加载图像,请注意您会遇到问题:

如果您想将其与Redux一起使用,请将上述代码放在一个操作中,并确保还原程序响应该操作,并根据您的应用程序要求设置新状态

资源:

它是的副本吗?