React native React Native:如何在';全屏模式';是否已启用?

React native React Native:如何在';全屏模式';是否已启用?,react-native,react-native-android,android-fullscreen,React Native,React Native Android,Android Fullscreen,我通过使用Dimensions.get('Window').height并在屏幕上呈现内容来获取窗口的高度。但当启用全屏模式时,硬件按钮会隐藏,从而在屏幕上留出额外空间。但是仍然Dimensions.get('window')。高度与前面给出的高度相同(当禁用全屏模式时)。最终,屏幕会有一个额外的空间 在react native中是否有任何方法可以根据全屏模式呈现内容 而且,当启用“全屏模式”时,如何获得设备的完整高度?在尺寸api中,窗口和屏幕之间存在差异 大体上 Dimensions.get

我通过使用
Dimensions.get('Window').height
并在屏幕上呈现内容来获取
窗口的高度。但当启用
全屏模式时,硬件按钮会隐藏,从而在屏幕上留出额外空间。但是仍然
Dimensions.get('window')。高度
与前面给出的高度相同(当禁用
全屏模式时)。最终,屏幕会有一个额外的空间

react native
中是否有任何方法可以根据
全屏模式
呈现内容


而且,当启用“全屏模式”时,如何获得设备的完整高度?

在尺寸api中,
窗口
屏幕
之间存在差异

大体上
Dimensions.get('window')。高度!==尺寸。获取(“屏幕”)。高度

因此,这个答案很好地描述了这种差异

tl;博士
  • 窗口
    :不使用软菜单栏报告宽度/高度
  • 屏幕
    :报告整个屏幕的宽度/高度
我想您应该使用
屏幕
而不是
窗口

或者,在你的造型中,你可以尝试

{top:0,bottom:0,left:0,right:0}


它应该覆盖整个屏幕

有没有办法知道是否启用了软菜单栏?当前没有使用react native,您必须实现自己的本机模块。它公开了
getSystemUiVisibility
功能,允许您知道
SYSTEM\u UI\u标志\u HIDE\u导航是否已设置。如果尚未设置,则软菜单栏将可见。
Dimensions
api的问题在于,在
window
上调用它将计算屏幕高度减去软菜单栏的高度。以下依赖项可能会有所帮助!。这就是我要找的。我可以知道包含
SYSTEM\u UI\u FLAG\u HIDE\u NAVIGATION
的文件名吗?我可以使用
native
react native
之间的桥接器访问此道具吗?