reactjs - 如何在 native react 中使用高度自动？

Question

在浏览器中，可以指定图像的宽度，并且可以将高度设置为自动。这将使图像在绑定(bind)到指定宽度的同时保留宽高比。高度和纵横比均事先未知

我怎样才能在 React Native 中做同样的事情？ Height 属性只能接受数字值。

Answer 1

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

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