Wie bekomme ich die Bildbreite, um die Karte zu füllen, und die Höhe, um flexibel zu sein?

Question

Ich versuche, die Abmessungen des Bildes so einzustellen, dass die Breite immer die volle Breite der Karte (abzüglich des horizontalen Rands) und mit einer flexiblen Höhe, so dass es beliebig skalieren kann.

Wie kann ich das tun? Es scheint, dass der Stil eine Höhe benötigt, er akzeptiert keine Null.

ich eine Menge von Kombinationen mit verschiedenen resizeModes, Höhen versucht habe, Breiten usw.

ist die Komponente:

Und hier ist mein aktueller Code:

renderImage(image) { 
    const { width, height } = Dimensions.get('window'); 

    if (image) { 
     return (
     <View style={styles.imageContainer}> 
      <Image 
      style={{ width, resizeMode: 'contain', height: 300 }} 
      source={{ uri: image }} 
      /> 
     </View> 
    ); 
    } 
    } 

Answer 1

Ich hatte dasselbe Problem für Bilder aus dem Internet (wo keine genaue Breite & Höhe bekannt war) und erstellt react-native-web-image. Derzeit nicht für lokale Bilder, nur für Remote. Probieren Sie es aus, ich werde mich freuen, wenn es hilft.

Answer 2

Legen Sie die Breite auf die Bildschirmbreite und die Höhe auf undefined fest.