Drawer w/ Nested Nav and Header Issue

[chrissm79]

I'm having an issue when I'm inside a nested nav stack and pushing from a Drawer page. During the transition the Drawer header gets pushed underneath the next scene's header. Even if I put hideNavBar on the Drawer and the internal drawer scene, it pushes the content down during the transition to the next scene.

The drawer and external scenes are separated into different stacks because I need to avoid accidentally opening the drawer on the external scenes when trying to swipe to go back (something has has plagued me w/ react-navigation until this package came along).

Thanks for any help!!

export default App = () => (
  <Router createReducer={reducerCreate} getSceneStyle={getSceneStyle}>
    <Scene key="root" tabs hideTabBar hideNavBar>
      <Scene key="guest" modal initial hideNavBar>
        <Scene key="login" component={Login} initial />
        <Scene key="register" component={Register} />
      </Scene>
      <Scene key="authenticated">
        <Scene key="drawer" drawer hideNavBar contentComponent={Drawer} initial>
          <Scene key="dashboard" title="Dashboard" component={Dashboard} initial />
        </Scene>
        <Scene key="external" component={External} title="Some External Scene" />
        {/* Additional external scenes... */}
      </Scene>
    </Scene>
  </Router>
)

[aksonov]

It is how react-navigation works - you have to use Drawer on top level. Similar to react-navigation/react-navigation#374 ?

[webdevsyd]

@aksonov Im currently encountering this. Any straight forward solution for this issue? When I click the message Icon as you can see below in the code, same thing happen to with my navigation
Here's what I have.