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>

希望这能有所帮助。