Image.prefetch如何使用

Question

视频中说prefetch是预加载，提前把图片下载下来存到本地磁盘，问题是下次怎么直接从磁盘读取，是直接使用相同的url然后react内部自己自动读取本地对应的图片吗？就像下面这样

<Image source={{uri: imageUri}} />

Answer 1

FE大公爵 2023-04-12 11:05:35

是的，prefetch就是先加载到本地缓存，下次可以读取缓存，加载速度会快一点

• THEONEjyf #1

  prefetch 是不是安卓兼容的不好    
   Image.prefetch(imageUrl)
        .then(data => {
          console.log('prefetch success', data);
          const source = Image.resolveAssetSource({uri: imageUrl});
          console.log(`source Uri: ${source.uri}`);
          if (source && source.uri.startsWith('file://')) {
            setImageSrc(source.uri);
            console.log('Image is cached');
          } else {
            console.log('Image is not cached');
          }
        })
        .catch(e => {
          console.log('prefetch error', e); 
        });
  我一直打印  Image is not cached