表示されていないネイティブの特定の画像に反応する

Question

私は反応ネイティブで遊んでいて、最初のアプリを作り始めました。 3つの画像を画面に表示します。 一方が表示され、他方は表示されません。 ブラウザにアドレスを貼り付けるとき、URLは100％有効で、適切に開きます。 イメージコンポーネントはaループで作成されるため、すべてがuri以外で同一です。 何が問題なのですか？

<View style={[styles.flex1, styles.imageRow, {backgroundColor: 'orange'}]}> 
       {images.map((d, i) => (
        <View key={i} style={[styles.flex1, {borderWidth: 2, borderColor: 'black'}]}> 
         <TouchableOpacity onPress={() => navigate('Image', {uri: d, coachName})}> 
          <Image source={{uri: d}} style={{height: 100, width: 100}}></Image> 
         </TouchableOpacity> 
        </View>))} 
      </View> 

作業画像のURL： https://firebasestorage.googleapis.com/v0/b/judoka-6de90.appspot.com/o/borochov1.jpg?alt=media&token=13f09af6-e8a9-42bc-bf8f-dee58891cca7

に動作していない： https://firebasestorage.googleapis.com/v0/b/judoka-6de90.appspot.com/o/coaches%2Fliran1.jpg?alt=media&token=28738b27-dcdb-4c55-8af0-93413b6c6ea6

https://firebasestorage.googleapis.com/v0/b/judoka-6de90.appspot.com/o/coaches%2Fliran2.jpg?alt=media&token=301f176f-5f94-422b-a80e-ec059d091059

Answer 1

画像のサイズを縮小するには、問題を解決しました。