反応するnative：AndroidでImage defaultSourceを設定するには

Question

反応するnative：AndroidでImage defaultSourceを設定するにはどうすればいいですか？

私はReact native 1.58ドキュメントを読んでいます。 Image小道具defaultSourceがiOSでのみサポートされています。

ネットワークイメージの読み込みエラー時に、デフォルトのイメージを設定する必要があります。

私はこのようなコードを書くために使用される：

{ ImageUrl? 
       <Image style={styles.docimg} 
         source={{uri: ImageUrl}}/> 
        : 
       <Image style={styles.docimg} 
         source={require('../../../resource/default.png')}/> 
       } 

は今問題があります。 URLが文字列型の場合、正しいネットワークイメージではありません。 URLがtrueであるため、画像には何も表示されません。

Image小道具onErrorが多分私の問題を解決するのを見ました。

プレースホルダImageを設定する必要があります。画像はAndroidとiOSではデフォルトでキャッシュされるので、再びフェッチURL をトリガしてはならないのonLoad（）内showDefault = falseを設定

あなただけのこれを試してみて、それが動作を期待

Answer 1

...

// initially showDefault will be false 
var icon = this.state.showDefault ? require('../../../resource/default.png') : {uri: ImageUrl}; 

return(
    <Image 
    style={styles.docimg} 
    source={icon} 
    onLoadStart={() => this.setState({showDefault: true})} 
    onLoad={() => this.setState({showDefault: false})} 
    /> 
) 

。