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

Question

我是新来的本地人。我正在使用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
      }
    });

段

https://snack.expo.io/By1ZzDyXz

我需要什么

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

Answer 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