React Native load image dynamically

Question

Is there any way to load an image this way?

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

I need to use this because I want to load the image dynamically.

Are you using any package manager such as Webpack ? (This is a yes if you are using `create-react-app`) — 3Dos, Dec 13 '17 at 13:06

score 1 · Accepted Answer · answered Dec 13 '17 at 19:10

1

Simply you can create object and use it as follows

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

<Image source={images.foo} />

answered Dec 13 '17 at 19:10

Orgil

i want to use a loop for load all the image from folder dont wanna do code for every image – Mudassir Zakaria Dec 14 '17 at 05:25
1

@MudassirZakaria You can iterate through object keys,```for (var key in images) { ; } ``` – Orgil Dec 14 '17 at 05:33

1 Answers1