Image component uri Cross origin

Question

I want to show a photo from an external url:

<Image
  style={styles /* Some React Native styling */}
  source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}}
 />

But I get the following error:

XMLHttpRequest cannot load ...

Answer 1

You will need to specify the dimensions of your image:

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

This is referenced in the documentation:

https://facebook.github.io/react-vr/docs/images.html

https://facebook.github.io/react-native/docs/images.html#network-images