Dynamic Path is not working in require react native

Question

Below is the code

  require("index/components/" + name); //fails
  require("index/components/myComponent"); //work fine

any good solution ?

where are you assigning value to name variable and which values? can you add whole code? — Jaydeep Galani, May 14 '19 at 12:54
` const path = `../../../assets/Static_Icons/${name}.${fileType}`;` ` iconSrc = require(path);` — Aurangzaib Rana, May 14 '19 at 13:07

score 1 · Accepted Answer · edited Jun 20 '20 at 09:12

1

Dynamic paths in require are not currently supported. Please check this answer

This is covered in the documentation under the section "Static Resources":

The only allowed way to refer to an image in the bundle is to literally write require('name-of-the-asset') in the source.

You can use a switch statement to implement this.

edited Jun 20 '20 at 09:12

Community

1
1

answered May 14 '19 at 13:13

Nishant Nair

1,837
13
19

score 0 · Answer 2 · answered May 14 '19 at 13:01

0

I'm not sure about it but you can try to write it in ES6

require(`index/components/${name}`);

answered May 14 '19 at 13:01

tinmarfrutos

1,740
1
14
23

Dynamic Path is not working in require react native

2 Answers2