[React-Native]如何渲染视图外部状态栏（android和ios）？

Question

我想知道如何在状态栏之外呈现组件（我不想在状态栏上覆盖组件）。我试图获取状态栏高度（StatusBar.currentHeight），但它返回undefined。我认为这是一个常见的问题，你们是怎么解决这个问题的？

Answer 1

StatusBar.currentHeight仅适用于android，如反应原生文档中所述：https://facebook.github.io/react-native/docs/statusbar.html

如果你想在iOS上获得StatusBar高度，你可以编写自己的react-native库，或者使用这个：

https://github.com/jgkim/react-native-status-bar-size

但是如果没有第三个库，你也可以这样做：

const height = Platform.OS === 'ios' ? 20 : StatusBar.currentHeight

希望我的回答可以帮到你:)。