SwiftUI中如何管理导航栈？实现特定跳转后的栈重置

针对你需要的两种导航场景，下面是修正后的实现方案，核心是通过统一的导航栈管理来实现需求：

问题分析 #

你的现有代码中，Landing和Login页面各自嵌套了NavigationStack，导致导航栈层级混乱，无法实现登录后重置栈的需求。我们需要用全局的导航路径管理来统一控制栈状态。

实现步骤 #

1. 创建导航状态管理器 #

用ObservableObject封装导航路径，方便跨页面控制导航栈：

import SwiftUI

class NavigationManager: ObservableObject {
    // 管理导航路径
    @Published var path = NavigationPath()
    
    // 跳转到Login页面
    func navigateToLogin() {
        path.append(Destination.login)
    }
    
    // 登录成功，重置栈到MyZone
    func navigateToMyZone() {
        // 清空现有所有路径
        path.removeLast(path.count)
        // 添加MyZone作为新的栈根
        path.append(Destination.myZone)
    }
    
    // 定义导航目标枚举（必须遵守Hashable）
    enum Destination: Hashable {
        case login
        case myZone
    }
}

2. 修改应用入口，注入全局导航栈 #

在MyApp中设置顶层NavigationStack，绑定到导航管理器的路径：

@main
struct MyApp: App {
    // 创建导航管理器实例
    @StateObject private var navManager = NavigationManager()
    
    var body: some Scene {
        WindowGroup {
            NavigationStack(path: $navManager.path) {
                Landing()
                    // 将导航管理器注入环境，供子页面使用
                    .environmentObject(navManager)
                    // 定义导航目标对应的页面
                    .navigationDestination(for: NavigationManager.Destination.self) { destination in
                        switch destination {
                        case .login:
                            Login()
                        case .myZone:
                            MyZone()
                        }
                    }
            }
        }
    }
}

3. 修正Landing页面 #

移除嵌套的NavigationStack，通过环境对象触发跳转：

struct Landing: View {
    @EnvironmentObject private var navManager: NavigationManager
    
    var body: some View {
        HStack(spacing: 13) {
            Button(action: {
                navManager.navigateToLogin()
            }) {
                DetezoMainNavigationBtn(title: LandingScreenTexts.logIn)
            }
        }
    }
}

4. 修正Login页面 #

同样通过环境对象处理登录跳转，直接重置导航栈：

struct Login: View {
    @EnvironmentObject private var navManager: NavigationManager
    
    var body: some View {
        DetezoMainButton(title: LoginScreenTexts.logIn, action: {
            navManager.navigateToMyZone()
        })
    }
}

5. 配置MyZone页面 #

隐藏返回按钮并禁用侧滑返回手势：

struct MyZone: View {
    var body: some View {
        // 这里替换成你的MyZone页面内容
        Text("我的专区")
            // 隐藏导航栏返回按钮
            .navigationBarBackButtonHidden(true)
            // 禁用侧滑返回手势
            .interactiveDismissDisabled(true)
    }
}

效果说明 #

• Landing → Login：导航栈中添加Login，栈结构为Landing → Login，支持系统默认的返回手势和导航栏返回按钮。
• Login → MyZone：清空原有栈内容后添加MyZone，栈结构仅保留MyZone作为根页面，同时隐藏返回按钮、禁用侧滑手势，无法返回上一页。

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