React Native Image不使用特定URL

发布时间：2020-12-15 09:32:58 所属栏目：百科来源：网络整理

导读：我在下面有以下代码,其中 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:

我在下面有以下代码,其中 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徽标.
但是对于第二个Image,它不会渲染源：qw_neverdonejoggers_p_.png

这导致我得出错误的URL的结论,但点击URL正确加载Img：

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

我试图在这里复制这个问题,https://rnplay.org/apps/_dQXXw
?但它可以正确渲染图像.

因此,它只能在我的本地计算机上出于某种原因才能呈现第二张图像？

使用：
????“反应”：“15.4.1”,
????“react-native”：“^ 0.39.2”,

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!