从嵌套的 TapNavigator 导航到父(stacknavigator)详细信息屏幕 [英] navigate from nested TapNavigator to parent (stacknavigator) details screen

问题描述

我是本机反应的新手.我正在使用 react-navigation npm 进行路线导航.无法从嵌套点击导航器导航到父堆栈导航器的屏幕.我使用 onPress={() =>导航('详细信息')} 方法在 IndividualChat 屏幕中，然后我参考了 从嵌套的 StackNavigator 导航到父母的路由器屏幕 问题和 反应导航操作我没看清楚.

I am new to react native. I am using react-navigation npm for route navigation.Could not navigate from nested tap navigator to parent stack navigator's screen.I used onPress={() => navigate('Details')} method in IndividualChat screen and then I referred navigate from nested StackNavigator to parent's router screen issue and react navigation actions I didn't get clearly.

示例代码:

    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 屏幕导航到详细信息屏幕.

I need to navigate from IndividualChat screen to details screen.

推荐答案

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 将重置根导航器.

The key here is use the 'StackActions' and set 'key:null' that if set to nullwill reset the root navigator.

StackActions 参考

这篇关于从嵌套的 TapNavigator 导航到父(stacknavigator)详细信息屏幕的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！