將TabBarIOS與StatusBar集成

Question

是否有人設法將TabBarIOS組件與StatusBar組件集成？我試圖這樣做，但似乎沒有得到任何地方。事情我已經嘗試過 -

• 添加StatusBar爲TabBarIOS一個孩子 - 因爲TabBarIOS只需TabBarIOS.Item成分爲孩子拋出一個錯誤。
• 將StatusBar和TabBarIOS放在同一水平上，然後將整個東西包裝在一個View - 整個TabBarIOS組件分解並幾乎完全呈現在屏幕外。

任何想法？

Answer 1

所以TabBarIOS應該有多個子項目。我所做的就是將StatusBar嵌套在TabBarIOS的每個子項下。

例如，在登錄頁面上，我有這樣的事情......

<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> 

希望這會有所幫助。