React Native导航报错：navigate动作未被任何导航器处理

错误原因 #

你的RootStacks通过条件渲染动态添加/移除Stack屏幕，当处于isFirstSignup分支时，只有AgreementScreen相关屏幕被渲染到导航器中，MainTabs所在分支的屏幕并未被注册到当前Stack导航器里，所以调用navigation.navigate('MainTabs')时，导航器找不到对应的路由。

解决方案 #

不要用条件渲染控制Stack屏幕的存在，而是将所有屏幕都注册到Stack.Navigator中，通过状态控制初始路由或动态导航：

const RootStacks = () => {
  const [initialRoute, setInitialRoute] = useState('LoadingScreen');

  useEffect(() => {
    // 根据状态逻辑设置初始路由
    if (isInitializing) {
      setInitialRoute('LoadingScreen');
    } else if (isLoggedIn) {
      setInitialRoute('AuthScreen');
    } else if (isFirstSignup) {
      setInitialRoute('AgreementScreen');
    } else {
      setInitialRoute('MainTabs');
    }
  }, [isInitializing, isLoggedIn, isFirstSignup]);

  return (
    <Stack.Navigator initialRouteName={initialRoute}>
      <Stack.Screen name='LoadingScreen' component={LoadingScreen} />
      <Stack.Screen name='AuthScreen' component={AuthScreen} />
      <Stack.Screen name='AgreementScreen' component={AgreementScreen} />
      <Stack.Screen name='MainTabs' component={MainTabs} />
      {/* 其他所有屏幕都在这里注册 */}
    </Stack.Navigator>
  );
}

修改后，所有屏幕都被注册到Stack导航器中，此时在AgreementScreen里直接调用navigation.navigate('MainTabs')即可正常跳转。

替代方案（不推荐） #

如果坚持保留条件渲染，可先更新状态将isFirstSignup设为false，触发RootStacks重新渲染并加载MainTabs屏幕，但这种方式依赖状态同步，容易出现延迟或异常。

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