2016-04-26 9 views
2

In einem Browser kann die Breite eines Bildes angegeben und die Höhe auf auto eingestellt werden. Dadurch behält das Bild das Seitenverhältnis bei, während es an die angegebene Breite gebunden wird. Weder Höhe noch Seitenverhältnis ist vorher bekanntWie verwende ich Height auto in native reagieren?

Wie kann ich das gleiche in nativen reagieren? Die Height-Eigenschaft kann nur Zahlenwerte akzeptieren.

Antwort

1

Problemumgehung: erhalten Dimensions Modul von react-native. Sie können die Bildschirmgröße von diesem Modul mit Dimensions.height/width abrufen. Dann können Sie mit so etwas wie Bildstil festlegen:

image: { 
    height: Dimensions.height * 0.8, 
    resizeMode: 'contain' 
} 
+0

was ist, wenn das Seitenverhältnis nicht vorher bekannt ist? –

+1

Wenn Sie height/width mit einem ['resizeMode'] (https://facebook.github.io/react-native/docs/image.html#resizemode) festlegen, ändert sich das Seitenverhältnis nicht. –