React Native Image不适用于特定的URL

希瓦姆·辛哈(Shivam Sinha)

我下面有以下代码,其中Image组件包含两个Image组件。

  <View style={styles.container} >
    <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: 'http://lghttp.24811.nexcesscdn.net/80B00B/qpb/media/catalog/product/cache/11/image/439x334/9df78eab33525d08d6e5fb8d27136e95/q/w/qw_neverdonejoggers_p_.png'}}
    />
  </View>

对于第一个github URL,它将按预期正确呈现img徽标。但是对于第二张图像,它不会渲染源:qw_neverdonejoggers_p_.png

这使我得出以下结论:URL错误,但是单击该URL会正确加载图像:

http://lghttp.24811.nexcesscdn.net/80B00B/qpb/media/catalog/product/cache/11/image/439x334/9df78eab33525d08d6e5fb8d27136e95/q/w/qw_neverdonejoggers_p_.png

我尝试在此处复制问题,https: //rnplay.org/apps/_dQXXw 但它可以正确渲染两个图像。

因此,由于某种原因,我只能在本地计算机上渲染第二张图像?

使用:“反应”:“ 15.4.1”,“反应本机”:“ ^ 0.39.2”,

Martinarroyo

Andrés的回答在某种程度上是正确的,但它不能解决问题的确切原因,那就是iOS的App Transport Security。iOS默认情况下不允许纯文本请求(http),因此您需要定义URL的“白名单”,可以允许其覆盖此特定保护机制。您已经设置了该列表,以便您的应用可以在开发期间连接到localhost,因此只需向其中添加新条目即可。您可以在此答案中查看操作方法当然,这仅在您事先知道URL列表(可能不适合您的需求)的情况下才有效。在这种情况下,请查看本文

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章