带有负载 {"name":"DrawerNavigationRoutes"} 的操作 'REPLACE' 没有被任何导航器处理

Question

我在导航层次结构的上层导航时遇到问题。这是我的代码

 const Auth = () => {
      return (
        <Stack.Navigator initialRouteName="SignInPage">
          <Stack.Screen
            name="SignInPage"
            component={SignInPage}
            options={{headerShown: false,
            title : 'Login'}}
          />
         
           <Stack.Screen
            name="RegisterPage"
            component={RegisterPage} 
            }}
          /> 
        </Stack.Navigator>
      );
    };
    
export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="SplashScreen">
        <Stack.Screen
          name="Auth"
          component={Auth}
          options={{headerShown: false}}
        />
         <Stack.Screen
          name="DrawerNavigationRoutes"
          component={DrawerNavigationRoutes}
          options={{headerShown: false}}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

我正在尝试使用

props.navigation.replace('DrawerNavigationRoutes');

从 SignInPage 导航到 DrawerNavigationRoutes 但它显示

具有负载 {"name":"DrawerNavigationRoutes"} 的操作 'REPLACE' 未被任何导航器处理。

我该如何处理？

Answer 1

您的问题是因为您试图从 Auth 导航器导航到不在您的 Auth 导航器中的屏幕，明白了吗？对于您想要的，您需要使用“导航到嵌套导航器”方法，其工作方式如下：

props.navigation.navigate('DrawerNavigationRoutes', {
  screen: 'The name of the screen you want to go inside DraweNavigatonRoutes stack navigator',
});

等待您的反馈。谢谢 :).

带有负载 {"name":"DrawerNavigationRoutes"} 的操作 'REPLACE' 没有被任何导航器处理

The action 'REPLACE' with payload {"name":"DrawerNavigationRoutes"} was not handled by any navigator

navigation

react-native

react-native-navigation