Question

0

200

Visualizações

Unable to load static images in react native

My folder structure :

-assets

--images

---potrait.png

-src

--file.js

I want to load my image in file.js but it throws error

<Image source={require('../assets/images/potrait.png')} />

Error:

error: Error: Unable to resolve module ../assets/images/potrait.png from D:\munish\Desktop\Invictus\reach-app\src\reactNativeCamera.js:

None of these files exist:

potrait.png
assets\images\potrait.png\index(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)

about 4 years ago · Juan Pablo Isaza

2 Respostas

Responde à pergunta

0

Responde à pergunta

Encontrar trabalhos remotos

Answer 1 · 2022-07-11T00:38:41.805Z

Sadly, react disables imports outside of src. You should move them to inside the src or to the public folder where it can be accessed through / ( not recommended because it will replicate the image, should be avoided for the best optimization ).

Answer 2 · 2022-07-11T00:38:41.812Z

Have you tried this syntax?

<Image source={{uri: localPath}}/>

0

200

Unable to load static images in react native

2 Respostas

0

0

Encontrar trabalhos remotos

Andres GPT