React Native退出登录时@react-navigation导航栈重置失败求助

• 局部导航对象导致作用域错误
  要是你在MainStack内部的页面调用navigation.dispatch，这个navigation属于MainStack子导航器，调用CommonActions.reset只会重置MainStack自己的栈，外层的AppStack还是停留在MainStack路由上，自然看不出导航栈被重置。
  解决办法：用你定义的全局navigationRef来执行重置动作：

  navigationRef.current?.dispatch(
    CommonActions.reset({
      index: 0,
      routes: [{name: 'LoginStack'}]
    })
  )
  

  先确认navigationRef已经正确初始化：

  import { NavigationContainerRef } from '@react-navigation/native';
  import React from 'react';
  
  const navigationRef = React.createRef<NavigationContainerRef>();
  

• 未明确重置子导航器的栈（可选优化）
  虽然你的LoginStack已经设置了initialRouteName="Main"，但如果需要确保重置后LoginStack完全回到初始状态，可以在重置时明确指定子路由的状态：

  navigationRef.current?.dispatch(
    CommonActions.reset({
      index: 0,
      routes: [
        {
          name: 'LoginStack',
          state: {
            routes: [{name: 'Main'}]
          }
        }
      ]
    })
  )
  

  这样能同时重置外层AppStack和内层LoginStack的导航栈。

• 版本兼容问题
  如果你用的是@react-navigation 6.x，当前CommonActions.reset的写法没问题，但如果是5.x及更早版本，语法可能有差异。可以核对你的依赖版本，调整写法适配对应版本。

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