How to use variables inside require()?

Question

I'm having a problem here and I don't know if it's possible to do this, I'm pulling data as parameters of my route:

onPress={() =>
  navigation.navigate('product', {
    pathToImage: "../../images/airdots_category.jpg",
 })

Then, I get them on my other page.

const pathToImage = route.params.pathToImage;

Now, I want to pass the pathToImage into the require():

<Image source={pathToImage} />

But it does not accept, since the path comes correctly, I find it strange because I just put the path inside a variable.

If you have another way of doing it ... please!

Does this answer your question? How do I dynamically import images in React? — user14185615
– user14185615, Commented Feb 18, 2021 at 4:37

Hamas Hassan · Accepted Answer · 2021-02-18 04:28:30Z

3

You can add require with the image path like this from where you passing your parmas.

onPress={() =>
  navigation.navigate('product', {
    pathToImage: require("../../images/airdots_category.jpg"),
 })

const pathToImage = route.params.pathToImage;

<Image source={pathToImage} />

answered Feb 18, 2021 at 4:28

Hamas Hassan

9241 gold badge8 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use variables inside require()?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related