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 样式表样式

React-Native Dimensions 获取高度不准确解决

特定于 React-native ( CSS ) 中每个组件的样式属性列表

react 首屏性能优化

fullPage竖屏滚动 vuereact版