web-dev-qa-db-ja.com

Reactネイティブ画像が特定のURLで機能しない

以下のコードがあります。ここで、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が正しくロードされます。

http://lghttp.24811.nexcesscdn.net/80B00B/qpb/media/catalog/product/cache/11/image/439x334/9df78eab33525d08d6e5fb8d27136e95/q/w/qw_neverdonejoggers_p_.png

ここで問題を再現しようとしましたが、 https://rnplay.org/apps/_dQXXw ですが、両方の画像が正しくレンダリングされます。

それで、ローカルの私のコンピューターでのみ、何らかの理由で2番目の画像をレンダリングできますか?

使用: "react": "15.4.1"、 "react-native": "^ 0.39.2"、

4
Shivam Sinha

Httpまたはhttpsurlを使用して画像ソースを機能させる方法は、使用しているAndroidエミュレーターをリセットすることです。

Android studioを開き、トップバーの[ツール]タブをクリックして、開いたらAVD Managerを選択します。使用しているエミュレーターを選択し、右クリックして、データのワイプを選択します。そのプロセスが完了したら、react-nativeプロジェクトのルートでcmdまたはterminalを開きます$ npx react-native run-Android

0
Alabi Temitope