以下のコードがあります。ここで、Imageコンポーネントには2つのImageコンポーネントが含まれています。
<View style={styles.container} >
<Image
style={{width: 50, height: 50}}
source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}}
/>
<Image
style={{width: 50, height: 50}}
source={{uri: 'http://lghttp.24811.nexcesscdn.net/80B00B/qpb/media/catalog/product/cache/11/image/439x334/9df78eab33525d08d6e5fb8d27136e95/q/w/qw_neverdonejoggers_p_.png'}}
/>
</View>
最初のgithubURLについては、期待どおりにimgロゴを正しくレンダリングします。ただし、2番目の画像の場合、ソースはレンダリングされません:qw_neverdonejoggers_p_.png
これは、何か間違ったURLであるという結論につながりますが、URLをクリックするとImgが正しくロードされます。
ここで問題を再現しようとしましたが、 https://rnplay.org/apps/_dQXXw ですが、両方の画像が正しくレンダリングされます。
それで、ローカルの私のコンピューターでのみ、何らかの理由で2番目の画像をレンダリングできますか?
使用: "react": "15.4.1"、 "react-native": "^ 0.39.2"、
Httpまたはhttpsurlを使用して画像ソースを機能させる方法は、使用しているAndroidエミュレーターをリセットすることです。
Android studioを開き、トップバーの[ツール]タブをクリックして、開いたらAVD Managerを選択します。使用しているエミュレーターを選択し、右クリックして、データのワイプを選択します。そのプロセスが完了したら、react-nativeプロジェクトのルートでcmdまたはterminalを開きます$ npx react-native run-Android