从嵌套的 TapNavigator 导航到父（stacknavigator）详细信息屏幕答案

【问题标题】：navigate from nested TapNavigator to parent (stacknavigator) details screen从嵌套的 TapNavigator 导航到父（stacknavigator）详细信息屏幕
【发布时间】：2017-12-26 09:30:42
【问题描述】：

我是原生反应的新手。我正在使用react-navigation npm 进行路线导航。无法从嵌套的点击导航器导航到父堆栈导航器的屏幕。我在 IndividualChat 屏幕中使用了onPress={() => navigate('Details')} 方法，然后我提到了navigate from nested StackNavigator to parent's router screen 问题和react navigation actions 我没有得到清楚地。

示例代码：

    const ChatScreen = TabNavigator({
        Message: { screen: IndividualChat },
        Group: { screen: GroupChat }
    });

    const HomeScreen = StackNavigator({
       Home: {
          screen: Login,
       },
       Profile: {
          screen: ChatScreen
      },
      Details: {
          screen: DetailsScreen
      }
    });

sn-p

https://snack.expo.io/By1ZzDyXz

我需要什么

我需要从 IndividualChat 屏幕导航到详细信息屏幕。

【问题讨论】：

我知道已经很久了，但您找到解决方案了吗？

标签： react-native navigation

【解决方案1】：

import { NavigationActions, StackActions } from 'react-navigation';


const resetAction = StackActions.reset({
          index: 0,
          key:null,
          actions: [
            NavigationActions.navigate({
              routeName: 'Details'
            })
          ]
        })
      );

this.props.navigation.dispatch(resetAction);

这里的关键是使用 'StackActions' 并设置 'key:null' 如果设置为 null 将重置根导航器。

StackActions reference

【讨论】：