React Navigation 2.x.x如何获取上一路由名称并实现定向返回？

嘿，这个需求完全可以搞定！我对React Navigation 2.x的用法还算熟悉，给你捋捋具体怎么实现：

核心思路 #

在React Navigation 2.x里，每个页面的navigation.state对象里藏着关键信息：

• routes数组：按顺序存储了当前导航栈里的所有路由记录
• index字段：标记当前活跃路由在routes数组中的下标

那上一个路由就是routes[index - 1]啦，不过要先确保index > 0（也就是当前页面不是导航栈的第一个页面），避免数组越界。

代码实现示例 #

假设你要判断用户是否来自名为TargetSpecificScreen的页面，如果是就自动调用goBack返回，你可以在当前页面的组件逻辑里这么写：

componentDidMount() {
  const { navigation } = this.props;
  const navState = navigation.state;

  // 先确认存在上一个路由
  if (navState.index > 0) {
    const previousRoute = navState.routes[navState.index - 1];
    const previousRouteName = previousRoute.routeName;

    // 判断是否是目标页面
    if (previousRouteName === 'TargetSpecificScreen') {
      // 触发返回操作
      navigation.goBack();
    }
  }
}

额外提醒 #

如果你的导航结构是嵌套的（比如StackNavigator嵌套在TabNavigator里），那得深入到对应子导航的state里取路由信息。比如当前页面在子Stack中，你需要先找到子导航的state对象，再按上面的逻辑获取上一个路由。

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