SwiftUI中点击TabBar图标时NavigationStack无法返回根视图问题

你的代码逻辑上已经触发了NavigationPath的重置，但TabView在当前标签处于选中状态时，不会强制重新渲染对应的NavigationStack，导致NavigationStack无法响应Path的变化。虽然能看到打印日志说明Binding的set方法被调用，但视图更新的触发机制没有覆盖这种场景。

推荐两种可靠的实现方式：

方式一：绑定ID强制刷新NavigationStack（简洁高效） #

给每个NavigationStack绑定一个与NavigationPath关联的id，当Path重置时，id变化会强制重建NavigationStack，从而回到根视图：

struct TabViews: View {
    
    enum Tab {
        case friends, home, profile
    }
    
    @State private var activeTab: Tab = .home
    @State private var friendsStack: NavigationPath = .init()
    @State private var homeStack: NavigationPath = .init()
    @State private var profileStack: NavigationPath = .init()
    
    var body: some View {
        TabView(selection: tabSelection) {
            Group {
                NavigationStack(path: $friendsStack) {
                    Text("Friends")
                        // 添加导航测试按钮（用于验证功能）
                        .toolbar {
                            Button("进入子页面") {
                                friendsStack.append("子页面")
                            }
                        }
                }
                .id(friendsStack) // 绑定ID到NavigationPath
                .tabItem {
                    Image("FriendsTabIcon")
                }
                .tag(Tab.friends)
                
                NavigationStack(path: $homeStack) {
                    Text("Home")
                }
                .id(homeStack)
                .tabItem {
                    Image("HomeTabIcon")
                }
                .tag(Tab.home)
                
                NavigationStack(path: $profileStack) {
                    Text("Profile")
                }
                .id(profileStack)
                .tabItem {
                    Image("ProfileTabIcon")
                }
                .tag(Tab.profile)
            }
            .toolbarBackground(.visible, for: .tabBar)
            .toolbarBackground(.brandBackground, for: .tabBar)
        }
    }
    
    var tabSelection: Binding<Tab> {
        .init {
            activeTab
        } set: { newValue in
            if newValue == activeTab {
                print(newValue)
                switch newValue {
                case .friends: friendsStack = .init()
                case .home: homeStack = .init()
                case .profile: profileStack = .init()
                }
            }
            activeTab = newValue
        }
    }
}

方式二：临时切换标签触发视图更新 #

通过临时切换到其他标签再切回，强制TabView重新渲染当前标签的NavigationStack：

var tabSelection: Binding<Tab> {
    .init {
        activeTab
    } set: { newValue in
        if newValue == activeTab {
            print(newValue)
            // 临时切换到非当前标签，触发视图刷新
            let tempTab = newValue == .home ? .friends : .home
            activeTab = tempTab
            // 异步切回原标签并重置路径
            DispatchQueue.main.async {
                activeTab = newValue
                switch newValue {
                case .friends: friendsStack = .init()
                case .home: homeStack = .init()
                case .profile: profileStack = .init()
                }
            }
        } else {
            activeTab = newValue
        }
    }
}

在NavigationStack中添加导航按钮（如示例中的"进入子页面"），点击进入子页面后，再次点击当前标签页图标，即可验证是否回到根视图。

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