React Native Android local image

Question

I have this

<Image style={styles.image} source={require('image!logo')}/>

Where the logo.png is added to android/app/src/main/res folder.

But the image is not getting displayed(I have re-run react-native run-android).

Do i need to do some other changes?

Note that using <Image source={{uri: http://path/to/image}}/> works.

facebook.github.io/react-native/docs/images.html#content

herbertD
– herbertD

2016-01-20 02:28:56 +00:00
Commented Jan 20, 2016 at 2:28 — herbertD
– herbertD, Commented Jan 20, 2016 at 2:28

gilesp · Accepted Answer · 2015-10-01 12:10:58Z

The image file needs to go in the appropriate drawable-xxx folder under res.

Try putting logo.png in android/app/src/main/res/drawable-hdpi and then rebuilding your app.

There's some information on the React Native site: https://facebook.github.io/react-native/docs/image.html#adding-static-resources-to-your-android-app

Eyal Eizenberg · Accepted Answer · 2015-11-15 05:58:11Z

3

After adding images you probably need to 'hard restart' the project. Just reloading the JS probably won't show the image.
Since React Native 0.14, you can require images just like requiring JS files.
```
<Image source={require('./img/check.png')} /> 
```
Did you try to give your image some height?

answered Nov 15, 2015 at 5:58

Eyal Eizenberg

4,0333 gold badges21 silver badges31 bronze badges

2 Comments

flyingace Over a year ago

Thanks so much for #2 here. The documentation says that the URI for the image "could be an http address, a local file path, or the name of a static image resource" but the only example they give with a path is for a http address. I was trying to do source={{'./img/image.png'}} and couldn't figure out why my image wouldn't show.

Saumil Shah Over a year ago

Did you ever figure this out?

Collectives™ on Stack Overflow

React Native Android local image

2 Answers 2

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Linked

Related