macOS下切换TabView选项时Toolbar项未隐藏问题求助

相同代码在iOS平台运行完全正常，切换TabView标签时Toolbar项会按预期更新；但在macOS平台上，切换标签时旧的Toolbar项不会消失，新项直接叠加显示：

• 初始状态：选中「Home」标签，工具栏显示「Item 1」
• 切换至「Explore」标签后：工具栏同时显示「Item 1」和「Item 2」，未完成替换

可复现问题的最简代码 #

import SwiftUI

struct ContentView: View {
    var body: some View {
        TabView {
            Text("Screen 1")
                .toolbar {
                    ToolbarItem {
                        Text("Item 1")
                    }
                }
                .tabItem {
                    Label("Home", systemImage: "house")
                }
            Text("Screen 2")
                .toolbar {
                    ToolbarItem {
                        Text("Item 2")
                    }
                }
                .tabItem {
                    Label("Explore", systemImage: "network")
                }
        }
    }
}

解决方法 #

这是macOS SwiftUI的一个已知行为，可通过以下方式修复：

• 给每个标签的Toolbar添加唯一id，让系统识别不同Toolbar的独立性
• 将每个标签的内容包裹在导航容器（如NavigationStack）中

修改后的示例代码：

import SwiftUI

struct ContentView: View {
    var body: some View {
        TabView {
            NavigationStack {
                Text("Screen 1")
                    .toolbar(id: "homeTabToolbar") {
                        ToolbarItem {
                            Text("Item 1")
                        }
                    }
            }
            .tabItem {
                Label("Home", systemImage: "house")
            }
            
            NavigationStack {
                Text("Screen 2")
                    .toolbar(id: "exploreTabToolbar") {
                        ToolbarItem {
                            Text("Item 2")
                        }
                    }
            }
            .tabItem {
                Label("Explore", systemImage: "network")
            }
        }
    }
}

修改后，切换TabView标签时，Toolbar会正确替换为当前标签对应的内容，和iOS平台表现一致。

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