React-Native:启用'Full Screen Mode'时如何获取设备的完整高度?
React-Native : How to get the complete height of the device when 'Full Screen Mode' is enabled?
我通过使用 Dimensions.get('window').height
并在屏幕上渲染内容来获取 Window
高度。但是当启用 Full Screen Mode
时,硬件按钮将被隐藏,这会导致屏幕上出现额外的 space。但是 Dimensions.get('window').height
仍然给出与以前相同的高度(当 Full Screen Mode
被禁用时)。最终屏幕以额外的 space.
结束
react-native
有没有办法根据Full Screen Mode
渲染内容?
以及,启用'Full Screen Mode'后如何获取设备的完整高度?
维度 api 中 window
和 screen
之间存在差异。
大部分时间
Dimensions.get('window').height !== Dimensions.get('screen').height
这个 SO 答案很好地描述了差异
tl;博士
window
:报告 width/height 没有软菜单栏
screen
:报告整个屏幕的width/height
我想你想使用 screen
而不是 window
或者在您的样式中,您可以尝试类似
{ top: 0, bottom: 0, left: 0, right: 0 }
它应该覆盖整个屏幕
我通过使用 Dimensions.get('window').height
并在屏幕上渲染内容来获取 Window
高度。但是当启用 Full Screen Mode
时,硬件按钮将被隐藏,这会导致屏幕上出现额外的 space。但是 Dimensions.get('window').height
仍然给出与以前相同的高度(当 Full Screen Mode
被禁用时)。最终屏幕以额外的 space.
react-native
有没有办法根据Full Screen Mode
渲染内容?
以及,启用'Full Screen Mode'后如何获取设备的完整高度?
维度 api 中 window
和 screen
之间存在差异。
大部分时间
Dimensions.get('window').height !== Dimensions.get('screen').height
这个 SO 答案很好地描述了差异
tl;博士
window
:报告 width/height 没有软菜单栏screen
:报告整个屏幕的width/height
我想你想使用 screen
而不是 window
或者在您的样式中,您可以尝试类似
{ top: 0, bottom: 0, left: 0, right: 0 }
它应该覆盖整个屏幕