javascript - 图像组件uri交叉原点

Question

我想显示来自外部 url 的照片：

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

但我收到以下错误：

XMLHttpRequest 无法加载...

Answer 1

您需要指定图像的尺寸：

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

这在文档中被引用：

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

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