如何使用反应原生图像 onError 获取错误消息？答案

【问题标题】：How to use react native image onError get error message?如何使用反应原生图像 onError 获取错误消息？
【发布时间】：2017-11-07 21:47:20
【问题描述】：

我使用 react native v0.44 image component for android ，但是图片无法加载，代码：

<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句柄得到错误，但是怎么知道加载图片的错误呢？

【问题讨论】：

这个你搞定了吗？我无法弄清楚为什么我的图像出错了。 e.nativeEvent 里面好像什么都没有，也没有e.error。
有什么解决办法吗？ @马克张

标签： image react-native

【解决方案1】：

你的 onError 函数应该是这样的。

但请记住，当您使用远程图片时，您需要为 Image 定义宽度和高度。

【讨论】：

这个答案与提出的问题无关。

【解决方案2】：

Error 包含 nativeEvent 及其错误。这样做：

onError={({nativeEvent: {error}}) => {
    console.log(error);
}

【讨论】：