[React Native]Images don't load in Android

Question

I have the following line of code that renders an image from a correct url(I checked it in the browser):

<Image source={{ url: group.Image }} style={styles.image} />

This works fine in iOS but on Android the images rendered blank, their size is correct but there's no actual image there.

RN version: 0.39

vaklinzi · Accepted Answer · 2017-01-26 12:11:48Z

2

I would try with the example from Facebook's documentation (https://facebook.github.io/react-native/docs/images.html):

<Image source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} style={{width: 400, height: 400}} />

Check whether it works with this snippet of code. If it works maybe you have something wrong inside your styles.image which cannot be said without showing it to us.

answered Jan 26, 2017 at 12:11

vaklinzi

2,0432 gold badges20 silver badges30 bronze badges

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

4 Comments

Djakninn Over a year ago

Thanks for the suggestion, it made me realise I wrote url instead of uri, stupid mistake.

vaklinzi Over a year ago

Great! Good luck with your project :)

alexrogo Over a year ago

add a key value key={index}

teewuane Over a year ago

For some reason I've seen many examples using url which works for iOS but not Android.

Collectives™ on Stack Overflow

[React Native]Images don't load in Android

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related