如何在React Native中的iOS状态栏前面渲染视图？

Question

我目前正在使用Material Design组件制作React Native应用程序。在创建抽屉时，我意识到它并没有掩盖应用程序顶部的状态栏。但是，当我查看Google Keep，Google AdSense和Google Analytics应用时，它们的抽屉都会在状态栏前面呈现。

这是我的应用的图片。应用顶部的状态栏完全可见。

但是这里是Google Keep应用的屏幕截图，其中抽屉呈现在状态栏前面。

如何使用React Native实现此效果？

Answer 1

将此代码添加到didfinishlaunching内的appDelegate.m：

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
    [application setStatusBarStyle:UIStatusBarStyleLightContent];
    self.window.clipsToBounds =YES;
    self.window.frame =  CGRectMake(0,20,self.window.frame.size.width,self.window.frame.size.height-20);
}

干杯：）