動的に<Image>タグを生成する[React-Native]

Question

私はビュー（質問とオプションを含む）をレンダリングしたい。質問に複数のイメージがある場合は、それに応じてイメージタグを生成する方法を教えてください。例えばのための ：

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

私はネイティブに反応して、タグとそのイメージタグを置き換えたいです。 iは

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

のようにそれを行うことができますが、どのように私は変えることができる問題の画像の数にacoordingタグを配置することができます。

Answer 1

正しかったが、私はそれがFILEPATHを使用してファイル・パスに

を使用してきたので、私は、レンダリングからの画像の取得に失敗しました：：

次に、あなたのような何かがあなたのコードを書くことができますいずれかの間で同じ問題が出ている場合

file:///data/user/0/com.example/files/21xtp.png 

ので、画像タグにスタイルとしてheightとwidthを追加することを忘れ.Don't。 HTTPを使用してファイルを取得している場合はHTTP

を使用した

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

そして、それが動作私が（ 'のImagePath'）を必要与える場合は、URI

for(i=0; i<imageUriArray.length;i++){ 
return(
<Image source={{uri : "https://www.example.com/123.png"}} style= 
    {{height:300,width:300}}/> 
) 
} 

Answer 2

質問を非常に正しく理解できませんでした。しかし、データに応じて画像を動的にレンダリングしたいと思うようです。

イメージウイリスが配列に格納されているとします。言及何@atitpatel

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