如何在React Native中使用Height Auto?

Jef*_*cko 5 reactjs react-native

在浏览器中,可以指定图像的宽度,并且可以将高度设置为自动。这将使图像在绑定到指定宽度时仍保留宽高比。高度和长宽比均未知

如何在本机反应中做同样的事情?Height属性只能接受数字值。

Rad*_*rys 5

解决方法:Dimensions从 获取模块react-native。您可以使用此模块获取屏幕尺寸Dimensions.height/width。然后你可以用这样的东西设置你的图像风格:

image: {
  height: Dimensions.height * 0.8,
  resizeMode: 'contain'
}
Run Code Online (Sandbox Code Playgroud)

  • 如果您使用 [`resizeMode`](https://facebook.github.io/react-native/docs/image.html#resizemode) 设置高度/宽度,则纵横比不会改变。 (2认同)