2017-06-07 2 views
0

Dans, Réact-Native, est-il possible d'afficher une image sans déclarer width et height à l'intérieur style prop?
Je voudrais que l'image prenne tout l'espace dont elle dispose ou qu'elle soit rendue à ses dimensions réelles. (. Si resizeMode est réglé pour couvrir par exemple)React-Afficher l'image native sans déclarer les dimensions

J'ai lu cet article et a essayé de mettre en œuvre sa méthode, mais sans succès: https://medium.com/the-react-native-log/tips-for-react-native-images-or-saying-goodbye-to-trial-and-error-b2baaf0a1a4d

Voici mon code:

<View> 
     <Image 
     source={{ uri: 'https://upload.wikimedia.org/wikipedia/en/c/c8/Marvelwolverine.jpg' }} 
     style={{ 
      flex: 1, 
      height: undefined, 
      width: undefined, 
     }} 
     /> 
    </View> 

, mais rien ne se imprimé sauf si je spécifie les codes width et height codés en dur.

Répondre

2

Vous pouvez essayer

<View style={{ flex: 1 }}> 
      <Image source={{ uri:'http://...'}} 
       style={{ 
        alignSelf: 'stretch', 
        flex: 1, 
       }} 
      /> 
     </View> 
+0

'resizeMode' était incorrect, mais' alignSelf' fonctionne comme prévu. Vérifiez: https://snack.expo.io/ryhO6dSf- – zvona

+0

Je ne suis pas sûr ... J'ai obtenu des résultats avec resizeMode. Soit en le plaçant sur '' center '' ou '' cover '', etc ... Voici quelques changements que j'ai essayés: https://snack.expo.io/BJFA-FBzZ Il semble que l'image soit rendue à sa taille réelle, mais il est centré ... Merci d'avoir montré https://snack.expo.io! Très utile Je pense que la réponse est bonne, mais je crois qu'il y a plus de profondeur à cette chose de rendu d'image ... –