在异步映射函数react native中下载图像

import React from 'react';
import { View, Image } from 'react-native';
import { downloadImage } from 'your-network-library';

const downloadImages = async (imageUrls) => {
  const downloadedImages = await Promise.all(
    imageUrls.map(async (imageUrl) => {
      try {
        const response = await downloadImage(imageUrl); // 使用你的网络请求库下载图像
        return response.data; // 假设返回的是图像数据
      } catch (error) {
        console.error(`Failed to download image from ${imageUrl}:`, error);
        return null;
      }
    })
  );

  return downloadedImages;
};

const ImageDownloader = ({ imageUrls }) => {
  const [downloadedImages, setDownloadedImages] = React.useState([]);

  React.useEffect(() => {
    const fetchImages = async () => {
      const images = await downloadImages(imageUrls);
      setDownloadedImages(images);
    };

    fetchImages();
  }, [imageUrls]);

  return (
    <View>
      {downloadedImages.map((imageData, index) => (
        <Image
          key={index}
          source={{ uri: imageData }}
          style={{ width: 100, height: 100 }}
        />
      ))}
    </View>
  );
};