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

希望这有帮助。