SwiftUI实现从ThirdView直接返回FirstView的导航栈解决方案

你遇到的问题是：当前从ThirdView调用dismiss()只能回到SecondView，使用NavigationLink会将FirstView叠加在栈顶，而你需要点击按钮后导航栈仅保留FirstView。下面提供几种可行的解决方案：

方案一：iOS16+ 推荐使用NavigationStack + 路径绑定 #

这是SwiftUI 3.0+（iOS16+）的原生解决方案，通过绑定导航路径精确控制栈内容：

修改后的完整代码 #

import SwiftUI

struct FirstView: View {
    // 管理导航路径的状态变量
    @State private var navigationPath = NavigationPath()
    
    var body: some View {
        // 使用NavigationStack并绑定路径
        NavigationStack(path: $navigationPath) {
            VStack {
                Text("First View")
                    .font(.headline)
                    .padding()
                
                // 使用value式的NavigationLink
                NavigationLink("Go to Second View", value: "second")
            }
            // 定义导航目标
            .navigationDestination(for: String.self) { value in
                if value == "second" {
                    SecondView(navigationPath: $navigationPath)
                }
            }
        }
    }
}

struct SecondView: View {
    // 绑定父视图的导航路径
    @Binding var navigationPath: NavigationPath
    
    var body: some View {
        VStack {
            Text("Second View")
                .font(.headline)
                .padding()
            
            NavigationLink("Go to Third View", value: "third")
        }
        .navigationDestination(for: String.self) { value in
            if value == "third" {
                ThirdView(navigationPath: $navigationPath)
            }
        }
    }
}

struct ThirdView: View {
    @Binding var navigationPath: NavigationPath
    
    var body: some View {
        VStack {
            Text("Third View")
                .font(.headline)
                .padding()
            
            Button("Go to First View") {
                // 清空导航路径，直接回到根视图
                navigationPath = NavigationPath()
                // 或者按层级移除：navigationPath.removeLast(2)
            }
        }
    }
}

说明 #

• 通过NavigationStack的path绑定，你可以直接修改导航栈的内容
• 清空路径后，导航栈仅保留FirstView，完全符合你的需求
• 这种方式是SwiftUI的现代API，稳定性和可维护性更好

方案二：兼容iOS15及以下（使用UIKit API） #

如果你的项目需要兼容iOS15或更早版本，可以借助UIKit的导航控制器实现：

修改ThirdView代码 #

struct ThirdView: View {
    var body: some View {
        VStack {
            Text("Third View")
                .font(.headline)
                .padding()
            
            Button("Go to First View") {
                // 获取当前窗口的导航控制器并pop到根
                guard let scene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
                      let navController = scene.windows.first?.rootViewController as? UINavigationController else {
                    return
                }
                navController.popToRootViewController(animated: true)
            }
        }
    }
}

说明 #

• 该方法通过获取UIKit的UINavigationController，调用popToRootViewController直接回到根视图
• 注意iOS13+需要通过connectedScenes获取窗口，不再使用windows属性

方案三：固定层级下多次调用dismiss（简单但不灵活） #

如果你的导航栈层级固定为3层（First→Second→Third），可以连续调用两次dismiss()：

修改ThirdView代码 #

struct ThirdView: View {
    @Environment(\.dismiss) var dismiss
    
    var body: some View {
        VStack {
            Text("Third View")
                .font(.headline)
                .padding()
            
            Button("Go to First View") {
                dismiss()
                dismiss()
            }
        }
    }
}

说明 #

• 仅适用于导航栈层级固定的场景，如果后续层级变化，该方法会失效
• 优点是实现简单，无需修改其他视图的代码

总结 #

优先推荐方案一，它是SwiftUI原生的现代解决方案，能更好地控制导航状态；如果需要兼容旧版本，选择方案二；固定层级场景可以临时用方案三。

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