javascript - 动态生成<Image>标签[React-Native]

Question

我想渲染一个 View (其中包含问题和选项)。如果问题中有多个图像，我如何相应地生成图像标签。 例如:

question: what is the value of <Image>21xtp-1.png</Image> and <Image>21xtp-2.png</Image> ?

我想用 react native 中的标签替换该图像标签。 我可以这样做

<Text>what is the value of <Image source={{uri:../images/21xtp.png-1}}/> and <Image source={{uri:../images/21xtp.png-1}}/> </Text>

但是我如何根据问题中可能变化的图像数量放置标签。

Answer 1

我无法正确理解这个问题。但似乎您想根据您的数据动态渲染图像。

假设您的图像 uri 存储在一个数组中。然后你可以编写如下代码:

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