如何在 React Native 中根据数组内的图像 uri 渲染图像组件？

Question

我有一个图像 URI 数组。

[“文件:///data/user/0/com.app.outlet/cache/react-native-image-crop-picker/22536474236950.png”，“文件:///data/user/0/com .app.outlet/cache/react-native-image-crop-picker/22583225016770.png"]

我想根据数组的长度渲染图像组件并显示并显示所有图像。我怎样才能在本机反应中做到这一点

Answer 1

我相信这会对你有所帮助：

   var array =   ["file:///data/user/0/com.app.outlet/cache/react-native-image-crop-picker/22536474236950.png","file:///data/user/0/com.app.outlet/cache/react-native-image-crop-picker/22583225016770.png"]
    
      array.map((x)=>{
        return(<Image source={x || whatever you want } style={{xx:"xx"}} />)
      })

Answer 2

如果数组中有图像，您可以使用地图功能并在图像组件中显示

data = ['a.png',b.png']

data.map((item,index)=>{<Image src={item.data })

就像这只是演示示例