如何在React Native中显示来自Firestore数据库的图像阵列?

时间:2019-08-19 02:00:46

标签: firebase react-native google-cloud-firestore

您好,如何在react native中显示来自Firestore数据库的图像数组?我试过了,但是没有图像显示

{this.props.user.map((images)=>{
return (
  <View>
    <Image style={ {width: 350, height: 300}} source={{uri: images.photos}} />
  </View>
);
})}

我在屏幕底部以黄色显示此警告

''警告:道具类型失败:提供给'ForwardRef(image)'的道具'源'无效''

1 个答案:

答案 0 :(得分:0)

我相信您没有在源uri中提供图像的正确路径。您能先检查一下邮递员,images.photos是哪种数据类型?并且如果它不是图像的URL,则本机响应将不会呈现。始终将图像存储为images.photos.uri,以便于澄清。顺便说一句,如果images.photos是一个url数组,那么React Native不会渲染。您需要将每个uri传递给每个图像标签,并且您可以做的是在另一个map函数中迭代图像,以便对每个图像进行迭代。