SwiftUI：如何让MacOS上的TextEditor支持Tab键切换焦点

要解决Tab键输入制表符而非切换焦点的问题，必须手动管理焦点，这也是当前SwiftUI里最简便的实现方式，具体步骤如下：

1. 引入焦点状态管理：用@FocusState属性包装状态变量，追踪当前获得焦点的输入框。用枚举标识不同输入框，避免硬编码。
2. 绑定焦点到TextEditor：给每个TextEditor添加.focused(_:)修饰符，绑定到对应焦点状态。
3. 拦截Tab键事件：通过.onKeyPress(.tab)监听Tab键，切换焦点的同时返回.handled，阻止默认的制表符输入行为。

修改后的完整代码如下：

struct MyView: View {
    @State var field1: String = ""
    @State var field2: String = ""
    
    // 定义焦点状态枚举
    enum FocusedField {
        case field1, field2
    }
    @FocusState private var focusedField: FocusedField?

    var body: some View {
        VStack(spacing: 16) {
            TextEditor(text: $field1)
                .disableAutocorrection(false)
                .fixedSize(horizontal: false, vertical: true)
                .font(Font.system(size: 22, weight: .medium, design: .default))
                .multilineTextAlignment(.leading)
                .lineLimit(3)
                .overlay(RoundedRectangle(cornerRadius: 0).stroke(Color.gray, lineWidth: 1))
                // 绑定焦点状态
                .focused($focusedField, equals: .field1)
                // 监听Tab键，切换到第二个输入框
                .onKeyPress(.tab) {
                    focusedField = .field2
                    return .handled
                }

            TextEditor(text: $field2)
                .disableAutocorrection(false)
                .fixedSize(horizontal: false, vertical: true)
                .font(Font.system(size: 22, weight: .medium, design: .default))
                .multilineTextAlignment(.leading)
                .lineLimit(3)
                .overlay(RoundedRectangle(cornerRadius: 0).stroke(Color.gray, lineWidth: 1))
                .focused($focusedField, equals: .field2)
                // 监听Tab键，切换回第一个输入框（可根据需求调整循环逻辑）
                .onKeyPress(.tab) {
                    focusedField = .field1
                    return .handled
                }
        }
        .padding()
        // 可选：设置初始默认焦点
        .onAppear {
            focusedField = .field1
        }
    }
}

关键说明： #

• @FocusState是SwiftUI专门用于焦点管理的属性包装器，配合.focused(_:equals:)可精准控制视图焦点。
• 返回.handled是核心：只有阻止Tab键的默认行为，才能避免TextEditor插入制表符。
• 若需支持Shift+Tab反向切换，可添加.onKeyPress(.tab, modifiers: .shift)监听逻辑，切换到上一个输入框。

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