使用抽屉导航退出前导航答案

【问题标题】：Sign out with ex-navigation using DrawerNavigation使用抽屉导航退出前导航
【发布时间】：2016-10-19 19:40:38
【问题描述】：

一切正常，但我不知道如何退出

我有一个<Main/> 组件，它呈现一个<DrawerNavigationMenu/>，如示例中所示 .这是我的<DrawerNavigationMenu/>

render() {
return (
  <DrawerNavigation
    renderHeader={this._renderHeader}
    drawerWidth={300}
    initialItem="home">
    <DrawerNavigationItem
      id="home"
      selectedStyle={styles.selectedItemStyle}
      renderTitle={isSelected => this._renderTitle('Home', isSelected)}
      renderIcon={isSelected => this._renderIcon('md-home', isSelected)}>
      <StackNavigation
        id="home"
        defaultRouteConfig={{
          navigationBar: {
            backgroundColor: '#2497b7',
            tintColor: '#fff',
            height: 60,
          },
        }}
        initialRoute={Router.getRoute('home')}/>
    </DrawerNavigationItem>

    <DrawerNavigationItem
      id="logout"
      selectedStyle={styles.selectedItemStyle}
      renderTitle={isSelected => this._renderTitle('Logout', isSelected)}
      renderIcon={isSelected => this._renderIcon('md-exit', isSelected)}>
      <StackNavigation
        id="root"
        initialRoute={Router.getRoute('root')}/>
    </DrawerNavigationItem>
  </DrawerNavigation>
);
}

在“注销”项中我需要重置导航堆栈并渲染我的根场景而没有返回的机会

我尝试使用initialStack= 而不是initialRoute=，就像这样

<StackNavigation
 id="root"
 initialStack={[Router.getRoute('root')]}/>

但是当我回击 (Android) 时，它仍然会回到 Home 场景。我没有在这里明确使用 Redux。这是实现退出导航的正确方法吗？有任何想法吗？请！

【问题讨论】：

标签： react-native exponentjs

【解决方案1】：

给 DrawernavigationItem 属性 onPress 并调用一个在身份验证和登陆页面之间切换的函数。

<DrawerNavigationItem
     id="Sign out"
     selectedStyle={styles.selectedItemStyle}
     onPress={()=>{this.signOut()}}
     renderTitle={isSelected => this._renderTitle('Sign out', isSelected)}
   />

【讨论】：