使用HTTPS(SSL)工作的图像源URI,HTTP不起作用(React Native v0.30.0)

时间:2016-07-26 10:33:16

标签: image react-native

在React-Native版本30中,某些图像未加载。

这是有效的

<Image style={styles.messageImage} 
       source={{uri:'https://facebook.github.io/react/img/logo_og.png'}}/>

这不起作用

<Image style={styles.messageImage} 
       source={{uri:'http://i.imgur.com/lDz3wVn.png'}}/>

看起来带有https链接的图片正在运行,而带有http链接的图片却无效。还有其他人面临这个问题吗?

感谢。

1 个答案:

答案 0 :(得分:15)

  1. 在xcode中打开ios / YourProject.xcodeproj
  2. 打开info.plist作为财产清单
  3. 右键单击App Transport Security Settings&gt;添加行
  4. 添加Allow Arbitrary Loads Boolean并将其设置为Yes
  5. 重建您的应用。
  6. enter image description here

    Xcode默认阻止所有http请求,只允许https请求。因为这是正确的事情。

    以下是关于App Transport Security的博文:https://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/