SwiftUI实现登录按钮跳转至带导航栏页面的方法咨询

核心逻辑 #

登录页作为导航栈的初始页面，通过状态变量控制跳转，目标页面单独配置可交互的导航栏。避免在登录界面强行嵌套导航栏，防止结构混乱导致的错误。

代码实现示例 #

1. 登录页面（ContentView）

import SwiftUI

struct ContentView: View {
    // 控制登录状态与导航跳转的变量
    @State private var shouldNavigateToHome = false
    
    var body: some View {
        NavigationStack {
            VStack(spacing: 24) {
                TextField("用户名", text: .constant(""))
                    .textFieldStyle(.roundedBorder)
                    .padding(.horizontal, 32)
                
                SecureField("密码", text: .constant(""))
                    .textFieldStyle(.roundedBorder)
                    .padding(.horizontal, 32)
                
                Button("登录") {
                    // 此处可添加登录验证逻辑
                    shouldNavigateToHome = true
                }
                .buttonStyle(.borderedProminent)
                .controlSize(.large)
                
                // 隐藏式导航链接，通过状态变量触发跳转
                NavigationLink(
                    "",
                    destination: HomeView(),
                    isActive: $shouldNavigateToHome
                )
                .hidden()
            }
            .navigationBarHidden(true) // 登录页隐藏导航栏
        }
    }
}

2. 带可点击导航栏的目标页面（HomeView）

struct HomeView: View {
    var body: some View {
        VStack {
            Text("首页内容")
                .font(.title)
                .padding()
        }
        .navigationTitle("我的首页")
        .toolbar {
            // 导航栏右侧可点击按钮
            ToolbarItem(placement: .navigationBarTrailing) {
                Button("设置") {
                    // 设置页跳转或其他逻辑
                }
            }
            // 导航栏左侧可点击按钮
            ToolbarItem(placement: .navigationBarLeading) {
                Button("消息") {
                    // 消息页跳转或其他逻辑
                }
            }
        }
    }
}

常见问题修复 #

• 若适配iOS15及以下，将NavigationStack替换为NavigationView，NavigationLink的isActive绑定逻辑保持不变
• 禁止在登录页的布局容器中嵌套导航组件，避免多层导航栏冲突
• 确保控制跳转的变量是@State修饰的可绑定变量，否则状态变化无法触发导航

内容的提问来源于stack exchange，提问作者Michaela Zeno