Drawer layout on some routes

[JonnyBGod]

I am trying to implement a drawer menu with this router. The problem is that I do not want to have the drawer for sign in and launch screens and want all other screens to share the same drawers (do not want to apply a new drawer for each route).

Any Idea on how I can implement this?
I have tried using a container but ended up having a vertical split screen with route on top and drawer on bottom.

[aksonov]

I think Container is right direction but you should set own custom style on Container 'component'. Could you provide simple github repo with Demo so i could look into.

[JonnyBGod]

Will make an example for it. Meanwhile some snippets:

<Router>
  <Schema name="default" sceneConfig={Animations.FlatFloatFromRight} openDrawer={() => this.refs.drawer.open()}/>

  <Route name="LaunchScreen" component={LaunchScreen} initial={true} hideNavBar={true} title="Launch"/>
  <Route name="AuthScreen" component={AuthScreen} hideNavBar={true} title="Signin" type="replace"/>

  <Route name="HomeScreen">
    <Container component={Drawer}>
      <Route name="RidesScreen" component={RidesScreen} title="Rides" navBar={RidesNavBar} type="replace"/>
    </Container>
  </Route>

  <Route name="error" component={Error} schema="popup"/>
</Router>

const DrawerLayout = require('react-native-drawer-layout');

let Drawer = React.createClass({
  render() {
    return (
      <DrawerLayout
        ref='drawer'
        drawerWidth={window.width <= 320 ? (window.width - window.width*.2) : 300}
        renderNavigationView={() => <Menu
          indexNavigator={this.props.indexNavigator}
          changeScene={(name, type) => this.changeScene(name, type)}
          closeDrawer={() => this.refs.drawer.close()} />
        } >

      </DrawerLayout>
    );
  }
});

[aksonov]

Closing it for now, will re-open when will have demo