【问题标题】:how to use Height auto in react native?如何在本机反应中使用高度自动?
【发布时间】:2016-04-26 10:09:05
【问题描述】:

在浏览器中,可以指定图像的宽度,并且可以将高度设置为自动。这将使图像在绑定到指定宽度的同时保持纵横比。高度和纵横比都不是事先知道的

如何在 react native 中做同样的事情?高度属性只能接受数字值。

【问题讨论】:

    标签: reactjs react-native


    【解决方案1】:

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

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

    【讨论】:

    • 如果事先不知道纵横比怎么办?
    • 如果您使用resizeMode 设置高度/宽度,则纵横比不会改变。
    猜你喜欢
    • 1970-01-01
    • 2017-01-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多