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}}/>
)
}