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 中 windowscreen 之间存在差异。

大部分时间 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 }

它应该覆盖整个屏幕