如何在react native中从子堆栈导航器跳到父堆栈导航器特定的屏幕

Question

我在项目中使用的是react原生导航版本6。我有一个嵌套堆栈。父堆栈是

<NavigationContainer >
<Stack.Navigator  screenOptions={{headerShown: false}}>
<Stack.Screen name="Authcation" component={Authcation} />
<Stack.Screen name="AppIntroduction" component={AppIntroduction} />
<Stack.Screen name="Registeration" component={Registeration} />
<Stack.Screen name="RegisterationStack" component={RegisterationStack} />
<Stack.Screen name="Home" component={Home} />

</Stack.Navigator>
</NavigationContainer>

这里的RegisterationStack是另一个保存屏幕的堆栈

<NavigationContainer


independent={true}>
<Stack.Navigator screenOptions={{ headerShown: false }}>

<Stack.Screen name="Login" component={Login} />
<Stack.Screen name="Signup" component={Signup} />


</Stack.Navigator>

</NavigationContainer>

我想要的是，当用户在登录屏幕上并按下登录按钮时，我想将他导航到(父堆栈(主屏幕。

注意：它们都是堆栈导航器，因为这是一个用例。我不能使用底部标签或抽屉堆叠

Answer 1

您可以执行类似的操作

`isSignedIn ? (
<>
<Stack.Screen name="Home" component={HomeScreen} />
<Stack.Screen name="Profile" component={ProfileScreen} />
<Stack.Screen name="Settings" component={SettingsScreen} />
</>
) : (
<>
<Stack.Screen name="SignIn" component={SignInScreen} />
<Stack.Screen name="SignUp" component={SignUpScreen} />
</>
);

你可以在这里参考反应导航