ネイティブのバグの画像が空白になっています

Question

コンポーネントに画像を読み込む簡単な反応ネイティブアプリケーションがあります。このコンポーネントは標準のImageコンポーネントを使用します。

<Image source={this.state.ImageSource} style={styles.image} /> 

ImageSourceを初期化する次のコードがあります。

componentDidMount() { 
    this.setState({ImageSource: {uri: this.props.imageurl}}); 
} 

イメージソースは、uriを持つオブジェクトです（例：{ uri: ' http://localip:123/controller/imageaction/imageid '}）。

1MB未満のサイズの画像は問題なくロードされます。 1MB以上の画像は、永遠に空白の画像として表示されるような問題があるようです。

Iが遅い下端にテストしています...

をIパッケージ反応ネイティブイメージ進行を用いて試みたが、それは同様にローディングインジケータが示す保持大きな画像に対して失敗、同じ挙動を有しますAndroid 4.1.2とLGのダムスマートフォン。しかし、Google Chromeのブラウザでは、この非常に携帯電話は問題なく大小の画像を表示することができます。

アンドロイド：largeHeap = "true"を使用してこれを修正しようとしましたが、動作に変更はありませんでした。画像を縮小すると読み込むことができますが、大きな画像だけでなく小さな画像も表示する必要があります。

ありがとうございました。

Answer 1

あなたがお返事に感謝、この

componentDidMount() { 
    this.setState({ImageSource:this.props.imageurl}); 
} 

<Image source={{uri: this.state.ImageSource}} style={{width: 400, height: 400}}/>