如何将镜像数组从firebase映射到react-native镜像？

import React, { useEffect, useState } from 'react';
import { View, Image } from 'react-native';
import firebase from 'firebase';

const ImageList = () => {
  const [imageArray, setImageArray] = useState([]);

  useEffect(() => {
    // 初始化Firebase配置
    firebase.initializeApp({
      // 在此处添加你的Firebase配置
    });

    // 获取Firebase中的镜像数组数据
    const fetchImageArray = async () => {
      const snapshot = await firebase.database().ref('images').once('value');
      const data = snapshot.val();
      if (data) {
        const images = Object.values(data);
        setImageArray(images);
      }
    };

    fetchImageArray();
  }, []);

  return (
    <View>
      {imageArray.map((image, index) => (
        <Image key={index} source={{ uri: image.url }} style={{ width: 200, height: 200 }} />
      ))}
    </View>
  );
};

export default ImageList;