【发布时间】:2016-04-26 10:09:05
【问题描述】:
在浏览器中,可以指定图像的宽度,并且可以将高度设置为自动。这将使图像在绑定到指定宽度的同时保持纵横比。高度和纵横比都不是事先知道的
如何在 react native 中做同样的事情?高度属性只能接受数字值。
【问题讨论】:
标签: reactjs react-native
在浏览器中,可以指定图像的宽度,并且可以将高度设置为自动。这将使图像在绑定到指定宽度的同时保持纵横比。高度和纵横比都不是事先知道的
如何在 react native 中做同样的事情?高度属性只能接受数字值。
【问题讨论】:
标签: reactjs react-native
解决方法:
从react-native 获取Dimensions 模块。您可以使用Dimensions.height/width 从此模块获取屏幕尺寸。然后您可以使用以下内容设置图像样式:
image: {
height: Dimensions.height * 0.8,
resizeMode: 'contain'
}
【讨论】:
resizeMode 设置高度/宽度,则纵横比不会改变。