Drawer.jsx

import React, {Component} from 'react';
import {StyleSheet} from 'react-native';
import Drawer from 'react-native-drawer';
import {DefaultRenderer} from 'react-native-router-flux';
import SideMenu from '../Layouts/Sidebar'; // My menu component

export default class extends Component {
    render() {
        const children = this.props.navigationState.children;

        const DrawerProps = {
            ref: 'navigation',
            type: 'overlay',
            content: <SideMenu />,
            tapToClose: true,
            openDrawerOffset: 0.2,
            panCloseMask: 0.2,
            negotiatePan: true,
            styles: styles,
            tweenHandler: (ratio) => ({
                mainOverlayProps: {
                    opacity: ratio / 2
                }
            })
        };

        return (
            <Drawer {...DrawerProps}>
               <DefaultRenderer navigationState={children[0]} onNavigate={this.props.onNavigate} />
            </Drawer>
        );
    }
}

const styles = StyleSheet.create({
    mainOverlay: {
        backgroundColor: '#000',
        opacity: 0
    }
});

routes.jsx

// ...
<Router sceneStyle={styles.scene}>
  <Scene key="root" component={Drawer}>
      <Scene key="main">
          <Scene key="home" type="reset" title="Benvenuto" component={Home} />
      </Scene>
  </Scene>
</Router>