TabBarIOSとStatusBarの統合

Question

TabBarIOSコンポーネントをStatusBarコンポーネントと統合できた人はいますか？私はそうしようとしていますが、どこにもいないようです。私が試したもの -

• TabBarIOSの子としてStatusBarを追加するには - TabBarIOSが唯一の子としてTabBarIOS.Itemコンポーネントがかかるため、エラーをスローします。
• StatusBarとTabBarIOSを同じレベルに置き、次にView - Entire TabBarIOSコンポーネント全体を包み込み、ほとんど完全に画面から外します。

Answer 1

したがって、TabBarIOSには複数の子アイテムが必要です。私がしたのは、TabBarIOSの各子の下にStatusBarをネストすることでした。

例えば、ログインページに、私はこのような何かを持っている...

<View style={styles.xxx}> 
     <StatusBar barStyle="light-content"/> 
     <Text>StyleBar is now in white</Text> 
</View> 

、それはTabBarIOSで、他のページにプロンプ​​トが表示されてしまいました。

<TabBarIOS.Item 
     selected = {this.state.selectedTab ==='xxx'} 
     title='xxx' 
     onPress={() => { 
      this.setState({ 
       selectedTab: 'xxx', 
      }); 
     }}> 
     <View> 
      <StatusBar barStyle="default"/> 
     <Text> Style is set back to Default, you can do whatever you like!</Text> 
     </View> 
    </TabBarIOS.Item> 

これが役に立ちます。