图像组件 uri 跨原点

Question

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

<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