React Native Image不使用特定URL

我在下面有以下代码,其中 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.