反应本机导航：无法导航到堆栈中的顶部屏幕

Question

我当前的导航是这样的

顶层堆栈

• 登录屏幕
• 主应用程序堆栈
  • 首页堆栈
  • 搜索
  • 设置选项卡堆栈
    • 设置屏幕

我试图在设置屏幕中有一个退出按钮，按下该按钮将导航到登录屏幕

目前它给出了一个错误 任何导航器都没有处理带有有效负载 {"name":"Login"} 的操作“NAVIGATE”。

退出按钮代码

<View style={{alignSelf: "center"}}>
  <TouchableOpacity onPress={() => { navigation.navigate("Login") }}>
    <Text>Sign Out</Text>
  </TouchableOpacity>
</View>

这就是我的顶层堆栈的样子

<NavigationContainer>  
    
      <Stack.Navigator
        initialRouteName="Login"
        screenOptions={{
          headerStyle: { backgroundColor: 'white', height: ScreenHeigth * 0 },
          headerTintColor: '#fff',
      }}>
          
        <Stack.Screen name="Login" component={Login} options={{ title: '', headerLeft: null, gestureEnabled: false }}/>
        <Stack.Screen name="Main" component={Main} options={{ title: '', headerLeft: null, gestureEnabled: false}} />

      
      </Stack.Navigator>
          
    </NavigationContainer>

Answer 1

您尝试过 popToTop 吗？

我在 signOut 视图中更改了一些代码 onPress 按钮

<View style={{ alignSelf: "center" }}>
   <TouchableOpacity
     onPress={() => {
     navigation.popToTop();
   }}
>
   <Text>Sign Out</Text>
</TouchableOpacity>