2017-12-23 2 views
0

Ich spiele mit reagieren native und beginnen, meine erste App zu bauen. Ich render 3 Bilder auf dem Bildschirm. Eins wird angezeigt, während die anderen 2 nicht angezeigt werden. Die URLs sind zu 100% gültig und beim Einfügen der Adresse im Browser ordnungsgemäß geöffnet. Die Bildkomponente wird in einer a-Schleife erstellt, sodass alle neben der uri identisch sind. Was kann das Problem sein?reagieren native bestimmte Bilder nicht gezeigt

<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> 

Arbeitsbild url: https://firebasestorage.googleapis.com/v0/b/judoka-6de90.appspot.com/o/borochov1.jpg?alt=media&token=13f09af6-e8a9-42bc-bf8f-dee58891cca7

nicht funktioniert: 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

Antwort

0

die Bilder Größe reduziert löste das Problem.

Verwandte Themen