2017-12-13 19 views
0

この方法でイメージをロードする方法はありますか?ネイティブのロードイメージを動的に反応させる

var x = './img/a.jpg'; 
<Image source={require(x)}/> 

イメージを動的にロードする必要があるため、これを使用する必要があります。

+0

を次のようにそれを使用することができますが、このようなWebPACKのよう任意のパッケージマネージャを使用していますか? (これは 'create-react-app'を使用している場合はyesです) – 3Dos

答えて

1

単にオブジェクトを作成し、

const images = { 
    foo: require('./img1.png'), 
    bar: require('./img2.png'), 
} 

<Image source={images.foo} /> 
+0

フォルダからすべての画像をロードするためにループを使用したい すべての画像に対してコードを実行したくありません –

+1

@MudassirZakariaオブジェクトキーを反復することができます。 '' for(画像のvarキー){ <画像ソース= {画像[キー]} />; } '' ' –

関連する問題