SwiftUI中TabView为根视图时如何返回根视图？

你的代码核心问题是：定义的stackingPermitted变量完全没有和导航栈的状态关联，它只是一个独立的状态变量，修改它的值不会触发任何导航页面的弹出操作。要实现从ChatView2回到根视图，需要让状态和导航栈的管理绑定，以下是两种可行方案：

方案1：iOS16+ 推荐（NavigationStack + NavigationPath） #

使用iOS16引入的NavigationStack和NavigationPath统一管理导航栈，这种方式更简洁灵活，适配TabView场景：

struct ContentView: View {
    @State private var navigationPath = NavigationPath()
    
    var body: some View {
        TabView {
            NavigationStack(path: $navigationPath) {
                FirstTabView(navigationPath: $navigationPath)
            }
            .tabItem {
                Label("Home", systemImage: "house")
            }
            
            Text("Other Tab")
                .tabItem {
                    Label("Other", systemImage: "star")
                }
        }
    }
}

struct FirstTabView: View {
    @Binding var navigationPath: NavigationPath
    
    var body: some View {
        VStack {
            Button("Go to Next View") {
                navigationPath.append("next")
            }
            .navigationDestination(for: String.self) { value in
                if value == "next" {
                    NextView(navigationPath: $navigationPath)
                }
            }
            .navigationBarTitle("First Tab")
        }
    }
}

struct NextView: View {
    @Binding var navigationPath: NavigationPath
    
    var body: some View {
        VStack {
            Button("Go to Chat View") {
                navigationPath.append("chat")
            }
            .navigationDestination(for: String.self) { value in
                if value == "chat" {
                    ChatView2(navigationPath: $navigationPath)
                }
            }
            .navigationBarTitle("Next View")
        }
    }
}

struct ChatView2: View {
    @Binding var navigationPath: NavigationPath
    
    var body: some View {
        VStack {
            Text("Chat View")
            Button(action: {
                // 清空导航路径，直接回到根视图
                navigationPath = NavigationPath()
            }) {
                Text("Go Home")
            }
        }
        .navigationBarTitle("Chat")
    }
}

说明 #

• NavigationPath记录了整个导航栈的路径，在ChatView2中直接将其重置为空，就能一次性回到根视图，不受TabView层级影响。
• 用navigationDestination替代传统NavigationLink，更符合现代SwiftUI的导航逻辑。

方案2：兼容iOS15及以下（NavigationView + 状态绑定/环境dismiss） #

如果需要适配iOS15及更早版本，可以通过绑定导航视图的展示状态，或者使用环境的dismiss方法：

struct ContentView: View {
    @State private var showNext = false
    @State private var showChat = false
    
    var body: some View {
        TabView {
            NavigationView {
                FirstTabView(showNext: $showNext)
                    .navigationBarTitle("First Tab")
                    .navigationDestination(isPresented: $showNext) {
                        NextView(showChat: $showChat)
                            .navigationDestination(isPresented: $showChat) {
                                ChatView2(showNext: $showNext, showChat: $showChat)
                            }
                    }
            }
            .tabItem {
                Label("Home", systemImage: "house")
            }
            
            Text("Other Tab")
                .tabItem {
                    Label("Other", systemImage: "star")
                }
        }
    }
}

struct FirstTabView: View {
    @Binding var showNext: Bool
    
    var body: some View {
        VStack {
            Button("Go to Next View") {
                showNext = true
            }
        }
    }
}

struct NextView: View {
    @Binding var showChat: Bool
    
    var body: some View {
        VStack {
            Button("Go to Chat View") {
                showChat = true
            }
            .navigationBarTitle("Next View")
        }
    }
}

struct ChatView2: View {
    @Binding var showNext: Bool
    @Binding var showChat: Bool
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        VStack {
            Text("Chat View")
            Button(action: {
                // 方式1：重置所有导航状态，一次性回到根
                showChat = false
                showNext = false
                
                // 方式2：多次调用dismiss（层级固定时可用）
                // dismiss()
                // dismiss()
            }) {
                Text("Go Home")
            }
        }
        .navigationBarTitle("Chat")
    }
}

说明 #

• 通过给每个navigationDestination绑定Bool状态，在ChatView2中把所有状态设为false，就能依次弹出所有页面回到根。
• 也可以使用@Environment(\.dismiss)，根据导航层级调用对应次数的dismiss()方法。

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