React NativeのiOSステータスバーの前にビューをレンダリングするにはどうすればよいですか？

Question

私は現在、Material Designコンポーネントを使用してReact Nativeアプリを製作しています。私の引き出しを作成するとき、私はそれがアプリケーションの上部にステータスバーを覆い隠さないことに気付きました。しかし、Google Keep、Google AdSense、Google Analyticsのアプリを見ると、それらの引き出しはすべてステータスバーの前に表示されます。

ここに私のアプリの写真があります。アプリの上部にあるステータスバーが完全に表示されます。

しかし、ここでは引き出しがステータスバーの前にレンダリングするアプリをGoogle Keepののスクリーンショットです。

どのように私はネイティブに反応使用してこの効果を達成することができますか？

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

乾杯:)