Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态生成<;图像>;标记[本机反应]_Javascript_React Native - Fatal编程技术网

Javascript 动态生成<;图像>;标记[本机反应]

Javascript 动态生成<;图像>;标记[本机反应],javascript,react-native,Javascript,React Native,我想呈现一个视图(包含问题和选项)。如果问题中有多个图像,如何相应地生成图像标记。 例如: 问题:21xtp-1.png的值是多少 和21xtp-2.png? 我想用react native中的标记替换该图像标记。 我可以像你一样做 和的值是多少 但是如何根据问题中图像的数量来放置标签呢?这个问题可能会有所不同。我不能很好地理解这个问题。但似乎您希望根据数据动态渲染图像 假设图像URI存储在一个数组中。然后您可以编写类似以下内容的代码: for(i=0; i<imageUriArray.l

我想呈现一个视图(包含问题和选项)。如果问题中有多个图像,如何相应地生成图像标记。 例如:

问题:21xtp-1.png的值是多少
和21xtp-2.png?

我想用react native中的标记替换该图像标记。 我可以像你一样做

和的值是多少


但是如何根据问题中图像的数量来放置标签呢?这个问题可能会有所不同。

我不能很好地理解这个问题。但似乎您希望根据数据动态渲染图像

假设图像URI存储在一个数组中。然后您可以编写类似以下内容的代码:

for(i=0; i<imageUriArray.length;i++){
   return(
     <Image source={{uri : imageUriArray[i]}}/>
   )
}

for(i=0;i@atitpatel提到的内容是正确的,但我无法从渲染中获取图像,因为我使用的是文件路径

使用文件路径:

file:///data/user/0/com.example/files/21xtp.png 
所以,如果有人遇到同样的问题,别忘了在图像标签上添加
高度
宽度
作为样式

for(i=0; i<imageUriArray.length;i++){
return(
 <Image source={{uri : imageUriArray[i]}} style=
  {{height:300,width:300}}/>
 )
}
如果我给出require('imagepath'),它会工作,但如果我调用uriArray,则不会显示任何图像。
for(i=0; i<imageUriArray.length;i++){
 return(
 <Image source={{uri : "https://www.example.com/123.png"}} style=
   {{height:300,width:300}}/>
 )
}