SwiftUI中如何通过NavigationStack实现状态变化时的程序化导航？

在SwiftUI的NavigationStack中确实没有传统的push方法，我们可以通过两种常用方式实现登录成功后的页面跳转，以下是针对你代码的修改方案：

方法一：使用NavigationPath绑定（推荐） #

这是NavigationStack的标准用法，通过绑定NavigationPath对象管理导航栈，登录成功后向路径中添加目标页面即可完成跳转。

修改后的完整代码：

struct LoginView: View {
    @State private var isUserLoggedIn = false
    // 定义导航路径，管理跳转栈
    @State private var navigationPath = NavigationPath()
    @StateObject private var viewModel = LoginViewModel()
    // 假设你的登录输入框状态
    @State private var email = ""
    @State private var password = ""

    var body: some View {
        NavigationStack(path: $navigationPath) {
            VStack {
                // 你的邮箱、密码输入框代码
                TextField("邮箱", text: $email)
                SecureField("密码", text: $password)
                
                Button {
                    Task {
                        // 假设doLogin返回登录是否成功的布尔值
                        let loginSuccess = await viewModel.doLogin(email: email, password: password)
                        if loginSuccess {
                            // 登录成功，将主页加入导航路径（等价于push）
                            navigationPath.append(NavigationRoute.home)
                        }
                    }
                } label: {
                    Text(Constants.LOGIN)
                        .foregroundColor(Constants.BACKGROUND_COLOR)
                        .font(Font.custom(Constants.FREDOKA_MEDIUM, size: 25))
                        .frame(maxWidth: .infinity)
                }
            }
            // 配置路径对应的目标页面
            .navigationDestination(for: NavigationRoute.self) { route in
                switch route {
                case .home:
                    HomeView() // 替换成你的主页视图
                }
            }
        }
    }
}

// 用枚举管理导航路由，更利于维护和扩展
enum NavigationRoute: Hashable {
    case home
}

说明：

• NavigationPath支持存储任何遵循Hashable的类型，用枚举管理路由比直接传入视图实例更规范，便于后续扩展其他页面跳转。
• 登录成功后调用navigationPath.append()即可完成跳转，效果等同于传统的push操作。

方法二：使用条件式NavigationLink #

如果不想用NavigationPath，可以通过绑定状态的NavigationLink实现自动跳转，将链接隐藏在视图中即可。

修改后的完整代码：

struct LoginView: View {
    @State private var isUserLoggedIn = false
    @StateObject private var viewModel = LoginViewModel()
    @State private var email = ""
    @State private var password = ""

    var body: some View {
        NavigationStack {
            VStack {
                // 你的邮箱、密码输入框代码
                TextField("邮箱", text: $email)
                SecureField("密码", text: $password)
                
                Button {
                    Task {
                        let loginSuccess = await viewModel.doLogin(email: email, password: password)
                        isUserLoggedIn = loginSuccess
                    }
                } label: {
                    Text(Constants.LOGIN)
                        .foregroundColor(Constants.BACKGROUND_COLOR)
                        .font(Font.custom(Constants.FREDOKA_MEDIUM, size: 25))
                        .frame(maxWidth: .infinity)
                }

                // 绑定状态的NavigationLink，隐藏后不显示在界面上
                NavigationLink(
                    destination: HomeView(), // 替换成你的主页视图
                    isActive: $isUserLoggedIn,
                    label: { EmptyView() }
                )
                .hidden()
            }
        }
    }
}

说明：

• 将NavigationLink的isActive参数绑定到isUserLoggedIn状态，当状态变为true时自动触发跳转。
• 用EmptyView()作为链接的标签并隐藏，避免在界面上显示多余元素。

注意：确保你的viewModel.doLogin方法能正确返回登录结果（布尔值），这样才能准确更新跳转状态。

内容的提问来源于stack exchange，提问作者Chup bae