显示 Firebase 存储中的所有图像（反应本机）

Question

我可以让它显示一张图像，但进入一个文件夹并显示所有图像。我感觉我的映射是错误的。

根据我的理解，.child()它指的是文件的名称，但根据我的理解，它也可以指您要访问的文件夹，并listAll()告诉它列出该文件的所有文件。

    const [sampleImage, setSampleImage] = useState(); 

    const getSampleImage = async () => {

        const imageRef = firebase.storage().ref().child('Front/').listAll();

        const url = await imageRef.getDownloadURL().catch((error) => { throw error });

        setSampleImage(url);

    }

 

    useEffect(() => {

        getSampleImage();

    });

  return (

        { sampleImage && getSampleImage.map(Image => (

                <View style={{ justifyContent: 'center' }} key={imageRef.id}>

                    <Image source={{ uri: sampleImage.get(k) }} style={{ width: 350, height: 350 }} /> 

                </View>

                ))}

    );

 }

Answer 1

API返回一个 a 的承诺，其中包含一个项目列表listAll()，因此您需要等待该列表，循环该列表，然后调用每个项目。ListResultStorageReferencegetDownloadURL()就像是：const getSampleImage = async () => {    const imageRefs = await firebase.storage().ref().child('Front/').listAll();    const urls = await Promise.all(imageRefs.items.map((ref) => ref.getDownloadURL());    setSampleImage(urls);}进而：{ sampleImage && getSampleImage().map(url => (    <View style={{ justifyContent: 'center' }} key={imageRef.id}>        <Image source={{ uri: url }} style={{ width: 350, height: 350 }} />     </View>))}