React NativeStyleSheet获取屏幕的宽高
Posted YongHui_Luo
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React NativeStyleSheet获取屏幕的宽高相关的知识,希望对你有一定的参考价值。
这篇文章分享一份最基础的FlexBox的知识点,回去屏幕的在es6
中使用react Native API
获取屏幕的宽高。
width:Dimensions.get('window').width
height:Dimensions.get('window').height
如我们在做UI的时候,经常通过宽高比,相互计算得出对应的值,如下代码:
<Image style=width: Dimensions.get('window').width - 20,height:Dimensions.get('window').width / 1.9
source=require('./android/app/src/main/res/mipmap-xhdpi/ic_launcher.png')/>
谢谢
以上是关于React NativeStyleSheet获取屏幕的宽高的主要内容,如果未能解决你的问题,请参考以下文章
启用全屏手势功能且设备具有 Notch 时,在 React Native 中获取设备屏幕高度
React-Native Dimensions 获取高度不准确解决