如何在React Native中基于数组内的图像URI渲染图像组件

时间:2019-04-08 11:28:45

标签: image react-native components

我有一个图像URI数组。

  

[“ 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“]

我想基于数组的长度渲染图像组件,并显示并显示所有图像。如何在本机反应中完成

2 个答案:

答案 0 :(得分: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"}} />)
      })

答案 1 :(得分:0)

如果阵列中有图像,则可以使用地图功能并在图像组件中显示

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

data.map((item,index)=> {

就像只是演示示例一样