图像未加载

Question

所以，我有一个上传功能，导致图像上传。上传图像后，有时（约50％的时间）会显示默认图像并调用onError方法。但是，由此产生的事件并没有给出任何错误的见解。

显示代码是这个

:

如果我以模态打开图像然后返回，它会正确显示，但是如果我尝试加载相同的图像并在调用错误事件后几秒钟强制重新渲染，使用随机化的URL，它仍然没有出现。

renderImage(){
  const { photos, photoDir, onShowPhotoModal } = this.props;

  const item = photos.get(0);

  return (
        <TouchableHighlight onPress={onShowPhotoModal}>
            <Image
                defaultSource={require('../../styles/images/default-post-image.png')}
                resizeMode={Image.resizeMode.cover}
                style={[styles.cardContentPhoto, localStyle.photo]}
                source={{uri : this.state.imageUrl}}
                onError={this.tryOneMoreTime}
            />
        </TouchableHighlight>
  );
}

render() {
    const { loadNow, photos, onShowPhotoModal } = this.props;
    const { index } = this.state;

    if(photos.size === 0)
      return null;

    return (
        <View>
            <View style={localStyle.container}>
                {this.renderImage()}
            </View>
            <CirclesIndicator length={photos.size} activeIndex={index}/>
        </View>
    );
}

在iOS模拟器上测试，RN 0.38.1

有什么想法吗？

Answer 1

所以，是的，可以通过evt.nativeEvent.error

访问错误