从嵌套的Tapnavigator导航到父(StackNavigator)详细信息屏幕

Question

我是React Native的新手。我正在使用React-NPM进行路线导航。不得从嵌套的Tap Navigator导航到Parent stack Navigator的屏幕。我在单个Chat屏幕中使用了onPress={() => navigate('Details')}方法，然后我将导航从嵌套的stackNavigator导航到父母的路由器屏幕，我dome diotn iven reeact导航动作t清楚。

示例代码：

    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

我需要

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

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"并设置"键：null"，如果设置为nullwill重置根导航器。

stackactions参考