如何在react native中缓存IOS和Android的镜像？

import React, { useEffect, useState } from 'react';
import { View, Image } from 'react-native';
import AsyncStorage from '@react-native-async-storage/async-storage';

const CachedImage = ({ imageUrl }) => {
  const [cachedImage, setCachedImage] = useState(null);

  useEffect(() => {
    const fetchImage = async () => {
      // 检查本地是否存在缓存的图片数据
      const cachedImageData = await AsyncStorage.getItem(imageUrl);

      if (cachedImageData) {
        // 如果存在缓存的图片数据，则直接使用该数据
        setCachedImage({ uri: `data:image/jpeg;base64,${cachedImageData}` });
      } else {
        // 如果不存在缓存的图片数据，则从网络加载图片
        fetch(imageUrl)
          .then(response => response.blob())
          .then(async blob => {
            // 将获取到的图片数据存储到本地缓存
            const reader = new FileReader();
            reader.onloadend = async () => {
              const base64Data = reader.result.replace('data:image/jpeg;base64,', '');
              await AsyncStorage.setItem(imageUrl, base64Data);
              setCachedImage({ uri: `data:image/jpeg;base64,${base64Data}` });
            };
            reader.readAsDataURL(blob);
          });
      }
    };

    fetchImage();
  }, [imageUrl]);

  return (
    <View>
      {cachedImage && <Image source={cachedImage} />}
    </View>
  );
};

export default CachedImage;