2017-10-06 3 views
0

は私の問題がある目に見える画像を場合介してDBまたはhttpsからロード画像 反応させ、ネイティブのAndroid:タグ<Image> DBからロードまたはHTTP

(192.168.202.36

<Image style={{width: 25,height: 25}} source={{ uri: 'http://192.168.202.36:81/api/images/12.jpeg' }} /> 
:localIp、サイズ容量画像の:100〜300 KB)、Androidのエミュレーションデバイスでは表示されません。私は画面にログオンしようとし、画像リンクがそこにあるのを見た。私のプログラムはまだレンダリングする時間にロードされていないと思う、それは非同期の一つのプログラムですか?

+0

のようなものですあなたのエミュレータのブラウザの画像URL、あなたはそれを見ることができますか? – LYu

答えて

0

画像は反応ネイティブではややこしいことがあります。しかし、トラブルシューティングにはいくつかのことがあります。

  • ソースが有効であることを確認してください:あなたのケースで はそれが(それはあなたの携帯電話することができ、あなたの実際の携帯電話のブラウザからそのURLで画像を読み込むことができることを確認し

    source={{uri:http://192.168.202.36.81/api/images/12.jpeg}} 
    
  • だことを確認してください

  • 画像が実際に画面に表示されていることを確認してください。時には、実際に表示しているかどうかわからない場合は、要素にボーダーを追加するか、確かに高さ/幅を追加することがあります。

これらの手順は、React Nativeで画像をトラブルシューティングする際に役立ちます。しかし、問題が発生した場合は、常にdocumentationを確認してください。

+0

私は、画面にログオンしたリンクをブラウザから取得しましたが、アンドロイドエミュレーションデバイスに画像を読み込むことができません。またはここの問題は、画像のサイズ容量ですか? –

+1

Google画像などの画像など、一般公開されている画像でいつでもテストできます。そうすれば、あなたの問題がネットワーク(デバイスからサーバーに話すこと)であるかどうか、あるいは反応ネイティブ側から実際にスタイリング/構成が誤っているかどうかを判断できます。 – Mobius

0
  1. あなたのURIは、あなたのイメージのためのマニュアルの幅と高さを設定し、正しく
  2. を設定されていることを確認してください

あなたが直接することを訪問した場合の例では、この

<Image source={{uri: 'uri_address'}} style={{width: 200, height: 200}} />

+0

このスタイルはまだ追加されていませんが、まだ表示されていません –

関連する問題