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 ...

@PaulFitzgerald It is native react-vr Image component, and the above code is the example of react-vr documentation. but It doesn't work — Sepehr, Aug 28 '17 at 07:35
apologies, just noticed that. Try replacing `http` with `https` in the url — Paul Fitzgerald, Aug 28 '17 at 07:36

score 0 · Answer 1 · answered Aug 28 '17 at 17:05

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:

1 Answers1