SwiftUI TabView默认快捷键异常：非当前Tab按钮被触发

这是SwiftUI中TabView的已知设计缺陷，并非严格意义上的Bug，但确实不符合开发者的直观预期。

问题根源 #

TabView默认会预加载所有标签页的视图，即使切换到非当前标签，这些视图依然保存在视图层级中并未被销毁。当多个按钮都注册了.keyboardShortcut(.defaultAction)（回车键快捷键）时，系统会优先响应第一个注册该快捷键的元素——也就是第一个标签页的按钮，无论当前显示哪个标签。

解决方案 #

通过绑定TabView的选中状态，仅为当前活跃标签页的按钮启用快捷键即可解决问题。以下是修改后的可运行代码：

class AppState: ObservableObject {
    @Published var message: String = "Starting message"
    @Published var selectedTab: Int = 0 // 新增：记录当前选中的标签索引
}

struct ContentView: View {
    @ObservedObject var appState: AppState = AppState()
    
    var body: some View {
        VStack {
            TabView(selection: $appState.selectedTab) { // 绑定选中状态
                Tab1View(appState: appState)
                    .tabItem {
                        Image(systemName: "info.circle")
                        Text("Tab 1")
                    }
                    .tag(0)
                Tab2View(appState: appState)
                    .tabItem {
                        Image(systemName: "info.circle")
                        Text("Tab 2")
                    }
                    .tag(1)
            }
            Text(appState.message)
        }
        .padding()
    }
}

struct Tab1View: View {
    var appState: AppState
    
    var body: some View {
        VStack {
            Text("Tab 1")
            Button {
                print("In tab 1 button action")
                appState.message = "Tab 1 button pressed"
            } label: {
                Text("Button")
            }
            // 仅当前标签为Tab1时启用回车键快捷键
            .keyboardShortcut(appState.selectedTab == 0 ? .defaultAction : nil)
        }
    }
}

struct Tab2View: View {
    var appState: AppState

    var body: some View {
        VStack {
            Text("Tab 2")
            Button {
                print("In tab 2 button action")
                appState.message = "Tab 2 button pressed"
            } label: {
                Text("Button")
            }
            // 仅当前标签为Tab2时启用回车键快捷键
            .keyboardShortcut(appState.selectedTab == 1 ? .defaultAction : nil)
        }
    }
}

#Preview {
    ContentView()
}

验证效果 #

修改后切换到Tab2并按下回车键，会正确触发Tab2的按钮动作，消息显示为"Tab 2 button pressed"，完全符合预期。

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