我可以使用React VR预加载和缓存图像吗？

Question

我正在使用React VR在房子里进行虚拟游览，并在用户从房间运输时预加载下一张全景图。预加载后，我会使用本地磁盘缓存中的图像。

我试过下面

<Pano style={{ display: 'none' }} source={asset(`360/${this.thePanoImage}`)} /> 

这个代码，但它不会对下面的图片查看。

上面的红线是当虚拟旅游正在加载首次。您看到leefruimte.jpg是在九毫秒内下载的。运输后（在红线下），leefruimte.jpg被再次下载，但现在在12毫秒内。

我接受图像leefruimte.jpg从场景零中加载的图像中获取并被缓存。

此外图像navigationCircle.png和focusspot.png，不会被预加载。

Answer 1

注意：这很可能将在未来发生变化，但在撰写本文时，您可以查看Prefetch组件。

Prefetch当时只能与Panos一起使用，但它看起来足以满足您的当前需求。

import {Prefetch} from 'react-vr'; 
... 
... 
render() { 
    return (
     ... 
     <Prefetch key={someUniqueKey} source={asset(`360/${this.thePanoImage}`)} /> 
     ... 
    ); 
} 

Pano的source code检查Prefetch的缓存加载图像时。因此，当您尝试下一步为this.thePanoImage加载Pano时，该映像应在缓存中可用，并且不会再被第二次获取。