重置TabNavigator的历史与反应导航

Question

我有以下结构：

const routeConfiguration = { 
     Login: { screen: Login }, 
     Home: { screen: TabBar }, 
    }; 

    const stackNavigatorConfiguration = { 
     headerMode: 'screen', 
     navigationOptions: { 
      header: { visible: false } 
     } 
    }; 

export const RootNav = StackNavigator(routeConfiguration, stackNavigatorConfiguration); 

我的TabBar其中每个标签都有它自己的StackNavigator：

const routeConfiguration = { 
    TabOneNavigation: { screen: TabOneNavigation }, 
    TabTwoNavigation: { screen: TabTwoNavigation }, 
    TabThreeNavigation: { screen: TabThreeNavigation }, 
}; 

const tabBarConfiguration = { 
    tabBarOptions: { 
     activeTintColor: 'white', 
     inactiveTintColor: 'lightgray', 
     labelStyle: { 
      fontSize: 10, 
      fontFamily: Fonts.book 
     }, 
     style: { 
      backgroundColor: Colors.greenLightGradient, 
      borderTopWidth: 1, 
      borderTopColor: Colors.tabGreenLine 
     }, 
    } 
}; 

export const TabBar = TabNavigator(routeConfiguration, tabBarConfiguration); 

当应用程序第一次加载它进入登录界面。成功登录后，我使用actionTypes.TO_HOME进入主页。在那里我有3个标签（Feed，Suggestion，Profile）。在“配置文件”选项卡中，我具有注销按钮，可以重置导航历史记录，然后再次登录（迄今为止这么好）。但是，当我再次登录并返回首页时，它会显示第一个标签，然后导航到最后一个（Profile），看起来像TabNavigator的历史记录未重置。我应该做一些特别的事情，以便TabNavigator的历史也重新设置？

这是我重置历史，要在登录屏幕减速器：

export const navReducer = (state = initialState, action = {}) => { 
    let nextState; 
    switch (action.type) { 
     case actionTypes.TO_LOGIN: 
      nextState = RootNav.router.getStateForAction(
       NavigationActions.reset({ 
        index: 0, 
        actions: [NavigationActions.navigate({ type: NavigationActions.NAVIGATE, routeName: actionTypes.TO_LOGIN })], 
        key: null 
       }), state); 
      break; 

     case actionTypes.TO_HOME: 
      nextState = RootNav.router.getStateForAction(
       NavigationActions.reset({ 
        index: 0, 
        actions: [NavigationActions.navigate({ type: NavigationActions.NAVIGATE, routeName: actionTypes.TO_HOME })], 
       }), state); 
      break; 

     default: 
      nextState = RootNav.router.getStateForAction(action, state); 
      break; 
    } 

    return nextState || state; 
}; 

Answer 1

你可以把索引0上导航行动