如何基于反应原生的数组内的图像uri渲染图像组件

问题描述 投票:0回答:2

我有一个图像URI数组。

[ “文件:///data/user/0/com.app.outlet/cache/react-native-image-crop-picker/22536474236950.png”,“文件:///数据/用户/ 0 / COM。 app.outlet /高速缓存/反应天然图像作物-拾取器/ 22583225016770.png“]

我想根据数组的长度渲染图像组件,并显示和显示所有图像。我怎么能做出反应原生

image react-native components
2个回答
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"}} />)
      })

0
投票

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

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

data.map((项目,指数)=> {

就像那只是演示的例子

© www.soinside.com 2019 - 2024. All rights reserved.