使用登录页面功能实现本机抽屉

Question

我在反应原生中使用Navigator来在两个屏幕之间导航。 我的申请的初始路线是LoginPage。登录成功后，我必须使用Dashboard打开HomePage（即Navigation drawer屏幕）。

App.js

class App extends Component{
  render() {
    return (
      <Navigator
        style={styles.container}
        initialRoute={{id: 'LoginPage'}}
        renderScene={this.navigatorRenderScene}/>
    );
  }

  navigatorRenderScene(route, navigator) {
    switch (route.id) {
      case 'LoginPage':
        return (<LoginPage navigator={navigator} title="Login Page"/>);
      case 'HomePage':
        return (<HomePage navigator={navigator} title="Home Page" />);
    }
  }
}

按下登录按钮，用户将被重定向到仪表板（HomePage.js）

LoginPage.js

onLoginPress(){
this.props.navigator.push({
      id: 'HomePage'
    })
}

然后如何在HomePage.js上添加抽屉。 请参阅以下链接以获取抽屉：Navigation Drawer