Android屏幕被切断 - React Native

Question

当我在Android（真实设备或模拟器）上运行我的React Native App时，屏幕会以某种方式变大并在底部被切断（看起来好像缺少的部分与状态栏一样高，但我不知道它是否与它有关，请查看最后一个截图）

父视图是一个带flex: 1的简单视图，其余视图与此相关。

我在Android上遗漏了什么吗？它是我的第一个Android应用程序，我之前只做过iOS。

我有以下代码来测试它：

return (
  <View
    style={{
      backgroundColor: 'red',
      width: Dimensions.get('window').width,
      height: Dimensions.get('window').height - 24, // 24 = status bar???
    }}
  >
    <Text>{Dimensions.get('window').height}</Text>
  </View>
);

我已经发现它正好是24到高 - 这是因为状态栏吗？如果是这样，使用24是否安全或是否有所不同？