How to hide tabbar item in tabs

Version

• react-native-router-flux v4.0.0 (v3 is not supported)
• react-native v0.45.1

Expected behaviour

Actual behaviour

Steps to reproduce

In v3.0, I can create a scene without icon and tabContent, it will not show in tabbar, but in v4.0.0, it will show an tab item with empty label and empty icon.

<Scene key="main" initial={true} tabs={true} >
  <Scene key="Home" component={Home} title={'TITLE'} />
  <Scene
    key="HotNews1"
    text="hotNews_title"
    icon={TabIcon}
    component={HotNewsPage}
    tabContent={{
      iconSource: ICON_1,
      selectedIconSource: SL_ICON_1
    }} />
  
  <Scene
    key="HotNews2"
    text="hotNews_title"
    icon={TabIcon}
    component={HotNewsPage}
    tabContent={{
      iconSource: ICON_1,
      selectedIconSource: SL_ICON_1
    }} />
</Scene>

[EnginYilmaz]

import { StatusBar} from 'react-native'; at top of your file and in your render() function <StatusBar hidden={true} /> should work

[jie]

@RobinJayaswal No, I don’t use react-navigation, here is the code:

                                <Scene
                                    key="main"
                                    initial={true}
                                    tabs={true}
                                    showLabel={false}
                                    tabBarComponent={TabBar}
                                    tabBarStyle={styles.tabBarStyle}
                                    tabBarPosition={"bottom"}
                                >

TabBar is a React.Component