SwiftUI视图导航问题求助：按钮重叠等3项异常

针对你遇到的三个问题，以下是具体的修复步骤和代码示例：

1. 修复弃用警告 #

iOS 16+ 已弃用旧版 NavigationView 和 NavigationLink(destination:isActive:label:)，需迁移到 NavigationStack，推荐使用导航路径枚举或新版 isActive 绑定方案：

方案一：使用 NavigationPath（更推荐） #

// 定义导航目标枚举
enum AppDestination: Hashable {
    case login
    case registration
}

struct WelcomeView: View {
    @State private var navPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $navPath) {
            VStack(spacing: 20) {
                // 登录按钮
                Button("登录") {
                    navPath.append(AppDestination.login)
                }
                .buttonStyle(.borderedProminent)
                .frame(minHeight: 50)
                
                // 注册按钮
                Button("注册") {
                    navPath.append(AppDestination.registration)
                }
                .buttonStyle(.borderedProminent)
                .frame(minHeight: 50)
            }
            .padding()
            .toolbar {
                // 自定义顶部工具栏
                ToolbarItem(placement: .navigationBarTrailing) {
                    Button("设置") {}
                }
            }
            // 绑定导航目标
            .navigationDestination(for: AppDestination.self) { destination in
                switch destination {
                case .login:
                    LoginView()
                case .registration:
                    RegistrationView()
                }
            }
        }
    }
}

方案二：使用新版 isActive 绑定 #

struct WelcomeView: View {
    @State private var isLoginActive = false
    @State private var isRegisterActive = false
    
    var body: some View {
        NavigationStack {
            VStack(spacing: 20) {
                NavigationLink(isActive: $isLoginActive) {
                    LoginView()
                } label: {
                    Button("登录") {
                        isLoginActive = true
                    }
                    .buttonStyle(.borderedProminent)
                    .frame(minHeight: 50)
                }
                
                NavigationLink(isActive: $isRegisterActive) {
                    RegistrationView()
                } label: {
                    Button("注册") {
                        isRegisterActive = true
                    }
                    .buttonStyle(.borderedProminent)
                    .frame(minHeight: 50)
                }
            }
            .padding()
            .toolbar {
                ToolbarItem(placement: .navigationBarTrailing) {
                    Button("设置") {}
                }
            }
        }
    }
}

2. 解决按钮高度重叠问题 #

按钮重叠的核心原因是旧版 NavigationLink 会修改内部视图的布局，修复方式：

• 不要将 Button 嵌套在 NavigationLink 内部，而是通过按钮的 action 触发导航（如方案一）
• 给按钮添加明确的 frame(minHeight:) 约束，保证高度一致
• 使用 VStack(spacing:) 控制按钮间距

3. 修复自定义 Toolbar 与返回按钮共存问题 #

目标视图会继承根视图的 Toolbar，需在目标视图中隐藏或替换：

struct LoginView: View {
    var body: some View {
        VStack {
            Text("登录页面")
        }
        .toolbar(.hidden) // 隐藏根视图的自定义Toolbar，仅保留系统返回按钮
        // 若需要自定义目标视图的Toolbar，可替换为：
        // .toolbar { /* 目标视图的Toolbar内容 */ }
    }
}

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