使用@FocusState实现TextField按Tab自动选中Picker的方法咨询

核心问题 #

默认情况下，SwiftUI的Picker组件不支持通过@FocusState直接接收键盘焦点并响应Tab键切换——它不属于TextField这类原生可交互输入控件，单纯绑定focusedField无法让它获得焦点并触发交互。

可行解决方案 #

我们可以通过监听Tab键事件 + 手动控制Picker展开的方式实现需求，以下是修改后的代码示例：

struct FormFields: View {
    @FocusState private var focusedField: Field?
    @ObservedObject var viewModel: AddCustomerViewModel
    @Binding var showReference: Bool
    // 新增：控制Picker的展开状态
    @State private var isPickerExpanded = false
    
    enum Field: Hashable {
        case name, classification
    }
    
    var body: some View {
        VStack {
            TextField(Labels.name, text: $viewModel.name)
                .focused($focusedField, equals: .name)
                // 监听Tab键（替代onSubmit，后者默认响应回车键）
                .onKeyPress(.tab) { _ in
                    focusedField = .classification
                    // 触发Picker展开
                    isPickerExpanded = true
                    return .handled
                }
            
            Picker(Labels.classification, selection: $viewModel.classification) {
                Text("").tag(nil as CustomerClassification?)
                ForEach(CustomerClassification.allCases, id: \.self) { classification in
                    Text(classification.rawValue).tag(classification as CustomerClassification?)
                }
            }
            .focused($focusedField, equals: .classification)
            // 开启Picker的可聚焦属性
            .focusable()
            // 示例用menu风格Picker，可根据需求调整
            .pickerStyle(.menu)
            // 绑定展开状态，触发菜单弹出
            .onChange(of: isPickerExpanded) { newValue in
                if newValue {
                    UIApplication.shared.sendAction(#selector(UIMenuController.showMenu(_:)), to: nil, from: nil, for: nil)
                }
            }
        }
    }
}

关键说明 #

• Tab键监听：用onKeyPress(.tab)替代onSubmit，确保Tab键触发焦点切换，同时标记事件已处理避免系统默认行为。
• 开启可聚焦：给Picker添加.focusable()，让它能被@FocusState标记为聚焦状态。
• 手动展开逻辑：针对不同pickerStyle调整展开方式——比如wheel风格Picker获得焦点后会自动响应键盘操作，而menu风格需要通过代码触发菜单弹出。

进阶替代方案 #

如果需要更彻底的原生键盘焦点支持，可以用UIViewRepresentable封装UIKit的UIPickerView，它本身支持完整的焦点管理逻辑，能完美适配@FocusState的切换，但实现成本稍高。

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