TabNavigator - ステータスバーを非表示にする

Question

私は反応ネイティブと反応ナビゲーションを使用しています。

ステータスバーを非表示にしたいとします。しかし、それは目に見えるままであるか、または私がそれを隠そうとする方法では機能しません。

最初の試行は完全な白い画面につながります。あたかもナビゲータがロードされていないかのように。 2回目の試行で同じことです。 最後の試みは機能していますが、私は欲しいものは持っていますが、ステータスバーが表示されています。私はそれを隠しておきたい。

ウェブ上に見つかった例題は、2回目と同じ構文で動作していました。鉱山が動作していない理由を私はReactCoranが実装されているのか分からないが、これは通常動作します。..

import React from 'react'; 
import { StyleSheet, StatusBar, View } from 'react-native'; 
import { TabNavigator } from 'react-navigation'; 
import PageLecture from './js/PageLecture'; 
import PageSalat from './js/PageSalat'; 
import PageHadiths from './js/PageHadiths'; 
import PageParametres from './js/PageParametres'; 

export default class App extends React.Component { 
    render() { 
     // This is not working 
     // return (
     //  <View> 
     //   <View> 
     //    <StatusBar hidden={true}/> 
     //   </View> 
     // 
     //   <ReactCoran /> 
     //  </View> 
     //); 

     // This is not working 
     // return (
     //  <View> 
     //   <StatusBar hidden={true}/> 
     //   <ReactCoran /> 
     //  </View> 
     //); 

     // This is working but status bar is displayed 
     return (
      <ReactCoran /> 
     ); 
    } 
} 


const ReactCoran = TabNavigator({ 
    Lecture: { 
     screen: PageLecture, 
    }, 
    Salat: { 
     screen: PageSalat, 
    }, 
    Hadith: { 
     screen: PageHadiths, 
    }, 
    Parametres: { 
     screen: PageParametres, 
    } 
}, 
{ 
    tabBarPosition: 'bottom', 
    animationEnabled: false, 
    tabBarOptions: { 
     allowFontScaling: true, 
     activeTintColor: '#000000', 
     showIcon: true, 
     showLabel: false, 
     activeBackgroundColor: '#ff0000', 
     style: { 
      backgroundColor: '#aa0000', 
     }, 
     indicatorStyle: { 
      height:2, 
      backgroundColor: '#ffffff', 
     } 
    }, 
}); 

おかげ

Answer 1

を理解していない：

親にstyle={{flex: 1}}を追加します表示

<View style={{flex: 1}}> 
    <StatusBar hidden={true}/> 
    <ReactCoran /> 
</View> 

これが役立つかどうか教えてください。コードReactCoranを表示しない場合。