React Navigation 6类组件中获取当前栈名称的方法求助

你的代码返回undefined的核心原因是：this.props.navigation.getState()获取的是当前组件所在直接导航器的状态（比如你在栈内的屏幕组件中调用，得到的是该子栈的状态），而你要找的是顶级栈的名称，且原逻辑的判断条件route.state && route.state.index > 0不符合当前活跃栈的判断逻辑。

下面给出两种适用于类组件的解决方案：

方案一：获取顶级栈名称（适用于根导航器是栈的场景） #

如果你需要的是当前所在的顶级栈导航器名称（比如AuthStack、HomeStack这类根层级的栈），可以直接通过getRootState()获取根导航状态，再定位当前活跃的顶级栈路由：

// 获取根导航的完整状态
const rootState = this.props.navigation.getRootState();
// 获取根导航中当前活跃的顶级路由
const activeTopRoute = rootState.routes[rootState.index];
// 该路由的name即为顶级栈的名称
const currentStackName = activeTopRoute.name;

console.log('currentStackName', currentStackName);

方案二：获取当前屏幕的直接父栈名称（适用于嵌套栈场景） #

如果你的导航结构是嵌套栈（比如顶级栈内还有子栈），需要获取当前屏幕所属的直接父栈名称，可以通过遍历父导航器来实现：

getCurrentParentStackName = () => {
  let nav = this.props.navigation;
  // 向上遍历父导航器
  while (nav) {
    const parentNav = nav.dangerouslyGetParent();
    if (parentNav) {
      const parentState = parentNav.getState();
      // 判断父导航器是否为栈类型
      if (parentState.type === 'stack') {
        // 获取父栈中当前活跃的路由名称，即当前屏幕所属的父栈名称
        return parentState.routes[parentState.index].name;
      }
    }
    nav = parentNav;
  }
  return null; // 未找到父栈时返回null
}

// 使用示例
const currentParentStackName = this.getCurrentParentStackName();
console.log('currentParentStackName', currentParentStackName);

关键说明 #

• getRootState()：React Navigation 5+ 提供的方法，直接返回根导航器的完整状态，不受当前组件的嵌套层级影响。
• dangerouslyGetParent()：用于获取当前导航器的父导航器，虽然方法名带"dangerously"，但在类组件中是安全的使用方式（只要你清楚导航结构）。
• 栈导航器的路由会包含state属性（因为它内部有子路由），而普通屏幕路由没有state属性，这是区分栈导航器和普通屏幕的核心标志。

内容的提问来源于stack exchange，提问作者Kartiikeya