如果在react-native中没有前缀http://,则不显示图像

时间:2017-07-12 06:23:26

标签: image react-native

我正在显示反应原生的图像列表。由于某些图像未显示,我发现那些没有http://作为前缀的图像没有显示出来。在这种情况下我们该怎么做?

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

对于上述情况,它正在显示。但不适用于以下情况

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

1 个答案:

答案 0 :(得分:0)

假设您使用网址获取图片,则语法为

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

但是如果你想使用本地目录中的图像,那么使用:

<Image
          style={{width: 50, height: 50}}
          source={require('./img/favicon.png')}
/>

有关详细信息,请参阅this doc。

提示:我会要求您分享更多见解,也许会显示您的代码片段,以便答案更有帮助。