如何使用react native image组件的onError获取到错误原因?

枫s的思念
  • 2.4k

RN v0.44开发安卓app的过程中,使用image组件但是图片加载不出来,代码如下:

View style={styles.slide1} key={index}>
  <Image
    style={styles.image}
    resizeMode = 'contain'
    onError = {(e)=>{
      console.log(e)
    }}
    source={{uri:`http://i01.appmifile.com/webfile/globalimg/hk/cms/92247F5D-CC6E-273F-5710-841E891CB96F.jpg`}}
  />
</View>

根据官方文档,onError事件在加载错误时触发,但是如何获取到具体是什么原因导致的加载错误呢?

回复
阅读 5.5k
4 个回答

console.log打印什么,麻烦贴出来

e中就包含错误原因啊

有两种可能,
1 是虚拟机 bug, 你在虚拟机里面打开下飞行模式再关闭,确认浏览器能打开网页,再试试
2 是 ssl 证书问题,你访问的图片是 https 的,但是证书未授信,这个是报不出 bug 的。具体表现是,你用浏览器打开相同图片,会提示你是否 continue 。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏