Native Testing Netzwerkbilder für eine 404 Reagieren

Question

Ich verwende die Image-Komponente, um ein Bild aus dem Internet zu zeigen.

Problem:

Wenn das Bild auf dem Netz nicht vorhanden ist, mag ich ein Standard- Bild verwenden. Es gibt eine defaultImage Option, wird aber nicht von android unterstützt.

Gibt es eine Lösung für Android und iOS?

Ich möchte eine andere HTTP/HTTPS-Anforderung an Test für einen 404.

Answer 1

zu senden, um zu vermeiden gibt es eine onError Stütze auf dem Tag, den Sie '404' Handle verwenden könnte.

Für exemple mit dem Staat:

<Image 
     source={this.state.thumbnail} 
     onError={(e) => { 
     console.log(e.nativeEvent.error); 
     this.setState({thumbnail: thumbnailDefaultImage}); 
     } 
     } 
    /> 

Sehen Sie hier für die verschiedenen Requisiten: http://facebook.github.io/react-native/docs/image.html#onError