Duplicate navbar after upgrade

[luizguilhermefr]

Version

• [email protected]
• [email protected]

Expected behaviour

I work with react-native-router-flux for some months, with v3. Now, after upgrade to v4 and make some adjusts, I cannot get rid of a weird space in top of my screen.

My code is like:

const RouterWithRedux = connect()(Router)

export default class NavigationRouter extends Component {
  render () {
    return (
      <RouterWithRedux>
        <Drawer
          drawerIcon={NavItems.menu}
          renderLeftButton={NavItems.menu}
          navigationBarStyle={Styles.navBar}
          renderTitle={NavItems.defaultNav}
        >
          <Scene
            key='home'
            component={HomeScreen}
            renderTitle={NavItems.logo}
            initial
          />
    </Drawer>
</RouterWithRedux>

This should render the initial screen normally, with the navbar, hamburger, etc.

Actual behaviour

I get this "empty space" between screen content and navbar. If I add hideNavBar to the Scene, it hides the NavBar but the space keeps. Any light? What am I doing wrong?

[luizguilhermefr]

Figured out that the problem was:

Before upgrade I used to have a "marginTop" attribute in my screen, so the content doesn't get rendered below the navBar, because the reference was the StatusBar.

Seems like in V4 the reference is not the StatusBar anymore, but the NavBar itself, making this margin not useful.