画像が読み込まれない

Question

画像がアップロードされるアップロード機能があります。イメージがアップロードされた後で（時の約50％）、デフォルトのイメージが表示され、onErrorメソッドが呼び出されます。しかし、結果として生じた出来事は、何がうまくいかなかったかについての洞察を与えません。

表示コードは、私がモーダルで画像を開き、返却した場合、それが正しく表示されるが、私は同じイメージをロードし、再を強制しようとした場合、この

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> 
    ); 
} 

ですエラーイベントが呼び出されてから数秒後にランダム化されたURLが表示されても、それは表示されません。 iOSシミュレータでテスト

tryOneMoreTime(evt){ 

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

    dbg(`Something went wrong loading image ${photoDir}/main_${photos.get(0).filename}`, evt); 

    if(this.state.tries === 0) 

     setTimeout(() => 
      this.setState({ 
       tries : 1, 
       imageUrl : utils.photoUrl(photoDir, photos.get(0).filename, 'main', true) 
      }), 2000); 
} 

、RN 0.38.1

任意のアイデアは？

Answer 1

したがって、エラーはevt.nativeEvent.errorからアクセスできます