react-native - react native 图片加载失败

问题描述

问 题

<View>
    <Image
        style={styles.logo}
        source={{uri:'http://mimg.127.net/logo/163logo.gif'}}
    />
    <Image
        style={styles.logo}
        source={{uri:'https://facebook.github.io/react/img/logo_og.png'}}
    />
</View>

style 已经定义了宽高

发现上面http协议的图片不能显示，下面https协议的图片可以正常加载。
官网给的例子都是https的，格式png
我自己试了几个例子，发现都是https可以http不行，不知道是哪里出了问题

---

补：
找到了解决办法
需要改一下配置
用Xcode打开项目目录（假如叫 Test）下的ios文件夹
再进入名为项目目录名（如本例中的 Test）的文件
选中Info.plist

更改选项如下

原因：貌似是iOS客户端的设置问题，不知道是不是个例，同事的同版本的Xcode编译出来就是正常的。

欢迎补充

解决方案

这个是iOS9之后，默认Https请求，如需支持Http，修改info.plist文件添加键值对就好了

这篇关于react-native - react native 图片加载失败的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！