ios - 如何在React Native中的iOS状态栏前面渲染 View ？

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);
}

干杯:)