如何在react native中显示云firestore中的图像？

npm install @react-native-firebase/app
npm install @react-native-firebase/storage
npm install react-native-fast-image

import { AppRegistry } from 'react-native';
import { name as appName } from './app.json';
import { firebaseConfig } from './firebaseConfig'; // 导入Firebase配置
import App from './App';

AppRegistry.registerComponent(appName, () => App);

if (!firebase.apps.length) {
  firebase.initializeApp(firebaseConfig); // 初始化Firebase
}

export const firebaseConfig = {
  apiKey: "your_api_key",
  authDomain: "your_auth_domain",
  projectId: "your_project_id",
  storageBucket: "your_storage_bucket",
  messagingSenderId: "your_messaging_sender_id",
  appId: "your_app_id",
};

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

const ImageComponent = () => {
  const [imageUrl, setImageUrl] = useState('');

  useEffect(() => {
    const fetchImageUrl = async () => {
      const imageRef = storage().ref('images/image1.jpg'); // 设置你的图像路径
      const url = await imageRef.getDownloadURL();
      setImageUrl(url);
    };

    fetchImageUrl();
  }, []);

  return (
    <View>
      <Image source={{ uri: imageUrl }} style={{ width: 200, height: 200 }} />
    </View>
  );
};

export default ImageComponent;