[React-Native]如何呈现状态栏外的视图（包括android和ios）？

Question

我想知道如何渲染状态栏外的组件（我不想在状态栏上覆盖组件）。我试图获取状态栏高度（StatusBar.currentHeight），但它返回未定义。我认为这是一个普遍的问题，你们是如何解决这个问题的？

Answer 1

StatusBar.currentHeight工作仅适用于Android，作为反应本地文档中建议：https://facebook.github.io/react-native/docs/statusbar.html

如果你想在iOS上的状态栏的高度，你可以写你自己的反应，本地库，或使用一个：

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

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

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

希望我的回答能帮到你:)