圖像組件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