任何导航器都未处理有效负载 { "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，但它显示了一个

任何导航器都未处理带有有效负载{"名称"："抽屉导航路线"}的操作"REPLACE">

我该怎么处理？

Answer 1

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

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

等待你的回眸。Thx:(。