title: Drawer Menu in react-native-router-flux does not show anything
body: <p>I want to have a side menu in react-native using flux. However, it does not show anything.</p>
  
  <p>App.js</p>
  
  <pre><code>const App = () =&gt; {
      return (
          &lt;Router&gt;
              &lt;Scene key="root"&gt;
                  &lt;Scene
                      key="LoginScreen"
                      component={LoginScreen}
                      initial
                  /&gt;
                  &lt;Scene
                      key="CodeValidationScreen"
                      component={CodeValidationScreen}
                  /&gt;
  
                  &lt;Scene
                      key="ProfileScreen"
                      component={ProfileScreen}
                  /&gt;
  
                  &lt;Scene
                      key="RegisterScreen"
                      component={RegisterScreen}
                  /&gt;
  
                  &lt;Scene
                      key="CarsListScreen"
                      component={CarsListScreen}
                  /&gt;
  
                  &lt;Scene
                      key="CarViewScreen"
                      component={CarViewScreen}
                  /&gt;
  
                  &lt;Scene contentComponent={NavigationDrawer} drawer  key="drawer"&gt;
                      &lt;Scene key="main"&gt;
                          &lt;Scene
                              key="LogoutScreen"
                              component={LogoutScreen}
                          /&gt;
                      &lt;/Scene&gt;
                  &lt;/Scene&gt;
              {/*&lt;Scene key="drawer"  contentComponent={SideMenu} drawerPosition='right'&gt;*/}
                  {/*&lt;Scene key="main" &gt;*/}
                      {/*&lt;Scene*/}
                          {/*key="home"*/}
                          {/*component={LoginScreen}*/}
                          {/*title="Home"*/}
                          {/*initial*/}
                      {/*/&gt;*/}
                  {/*&lt;/Scene&gt;*/}
              {/*&lt;/Scene&gt;*/}
              &lt;/Scene&gt;
  
          &lt;/Router&gt;
      )
  };
  </code></pre>
  
  <p>index.js:</p>
  
  <pre><code>AppRegistry.registerComponent('sidemenu', () =&gt; App);
  </code></pre>
  
  <p>Drawer.js</p>
  
  <pre><code>export default class NavigationDrawer extends Component {
      constructor(props) {
          super(props);
      };
      render(){
          const state = this.props.navigationState;
          const children = state.children;
          return (
              &lt;Drawer
                  ref="navigation"
                  open={state.open}
                  onOpen={()=&gt;Actions.refresh({key:state.key, open: true})}
                  onClose={()=&gt;Actions.refresh({key:state.key, open: false})}
                  type="displace"
                  content={&lt;SideMenu /&gt;}
                  tapToClose={true}
                  openDrawerOffset={0.2}
                  panCloseMask={0.2}
                  negotiatePan={true}
                  tweenHandler={(ratio) =&gt; ({
                      main: { opacity:Math.max(0.54,1-ratio) }
                  })}&gt;
                  {this.props.children[0]}
                  {/*&lt;DefaultRenderer navigationState={children[0]} onNavigate={this.props.onNavigate} /&gt;*/}
              &lt;/Drawer&gt;
          );
      }
  }
  </code></pre>
  
  <p>SideMenu.js</p>
  
  <pre><code>export default class SideMenu extends Component&lt;{}&gt; {
      constructor(props) {
          super(props);
  
      };
  
      render() {
          return (
              &lt;View style={styles.container}&gt;
                  &lt;Text&gt;menu items go here&lt;/Text&gt;
              &lt;/View&gt;
          );
      }
  }
  
  const styles = StyleSheet.create({
      container: {
          flex: 1,
          flexDirection: 'column',
          justifyContent: 'flex-start',
          alignItems: 'stretch',
          backgroundColor: '#F5FCFF',
          paddingRight: 20,
          paddingLeft: 20,
          paddingBottom: 10,
      },
  
  });
  </code></pre>
  
  <p>showDrawer function (when I click on a button, I expect SideMenu shows. ):</p>
  
  <pre><code>_showDrawer  = () =&gt; {
      return () =&gt; {
              Actions.refresh({key: 'drawer', open: true });
  };
  </code></pre>
  
  <p>This is all of my code. I can navigate between screens, however, side menu doesn't work. What is my mistake?</p>