Swift中点击按钮实现导航视图多级跳转失败的问题求助

你的跳转失败核心原因是导航栈和路径没有共享，加上多余的导航容器嵌套导致层级混乱：

1. LoginView维护了独立的NavigationPath：你在LoginView里新建的@State private var path = NavigationPath()和ContentView中NavigationStack绑定的路径完全无关，append操作只会影响LoginView内部的导航栈，无法触发上层ContentView的导航跳转。
2. 多余的导航容器嵌套：LoginView和PasswordView里都嵌套了NavigationView和额外的NavigationStack——iOS16+的NavigationStack已经替代了NavigationView，嵌套多个导航容器会让系统无法正确识别导航目标。

修正后的代码示例 #

1. ContentView（顶层导航栈，统一管理路径） #

struct ContentView: View {
    @State private var path = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $path) {
            ZStack {
                // ... 你的原有视图内容
                Button(action: { path.append("LoginView") }) {
                    Image(systemName: "arrow.right")
                        .frame(width:30, height: 30)
                        .background(.white.opacity(0.5))
                        .foregroundColor(.white)
                        .clipShape(Circle())
                        .padding(.top, 580)
                }
                // 统一注册所有导航目标
                .navigationDestination(for: String.self) { view in
                    switch view {
                    case "LoginView":
                        LoginView(path: $path) // 将顶层路径传递给LoginView
                    case "PasswordView":
                        PasswordView()
                    default:
                        EmptyView()
                    }
                }
            }
        }
    }
}

2. LoginView（接收顶层路径，复用导航栈） #

struct LoginView: View {
    @State private var username: String = ""
    @Binding var path: NavigationPath // 通过Binding共享顶层路径
    
    var body: some View {
        ZStack {
            VStack {
                Button(action: { path.append("PasswordView") }) {
                    Text("Continue")
                        .padding(.horizontal, 125)
                        .padding(.vertical, 10)
                        .font(.system(size: 16, weight: .medium))
                        .foregroundColor(Color("DarkGreen"))
                        .background(Color("PrimaryGreen"))
                        .cornerRadius(25)
                }
            }
        }
    }
}

3. PasswordView（移除多余导航容器） #

struct PasswordView: View {
    @State private var password: String = ""
    
    var body: some View {
        ZStack {
            // ... 你的密码视图内容
        }
    }
}

正确的导航方式说明 #

对于iOS16+的NavigationStack，正确的跨视图导航逻辑是：

• 由顶层视图维护唯一的NavigationPath，通过@Binding传递给所有需要触发跳转的子视图
• 避免嵌套NavigationView或额外的NavigationStack，所有导航目标由顶层的NavigationStack统一管理（或在子视图中注册，但必须共享同一个路径）
• 跳转时直接操作共享的NavigationPath，系统会自动匹配对应的navigationDestination完成视图切换

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