2017-12-13 5 views
0

Gibt es eine Möglichkeit, ein Bild auf diese Weise zu laden?Native Bild dynamisch laden

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

Ich muss dies verwenden, weil ich das Bild dynamisch laden möchte.

+0

folgt Sind Sie ein Paketmanager wie Webpack? (Dies ist ein Ja, wenn Sie 'create-react-app' verwenden) – 3Dos

Antwort

1

einfach können Sie Objekt erstellen und verwenden als

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

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

Ich möchte eine Schleife verwenden, um alle Bilder aus dem Ordner zu laden. Ich möchte keinen Code für jedes Bild eingeben. –

+1

@MudassirZakaria Sie können durch Objektschlüssel iterieren '' (var key in Bildern) { ; } '' ' –