ScrollView中外接键盘Tab导航顺序异常问题求助

当ScrollView包裹的VStack中包含TextField和Button时，外接键盘按Tab键会出现焦点顺序错误：从TextField跳转到窗口返回按钮，再到Button，而非直接从TextField到Button。移除ScrollView后恢复正常，使用focusable或accessibility优先级设置无效时，可通过手动管理焦点解决。

解决方案思路 #

通过FocusState手动控制焦点切换，拦截Tab键的默认行为，强制焦点在自定义控件间按预期顺序跳转，绕过系统插入的窗口控件。

完整示例代码 #

import SwiftUI

enum FocusField {
    case email
    case submitButton
}

@main
struct MyApp: App {
    @State var emailAddress = ""
    @FocusState private var focusedField: FocusField?

    var body: some Scene {
        WindowGroup {
            ScrollView {
                VStack(alignment: .leading) {
                    TextField("", text: $emailAddress, prompt: Text("prompt"))
                        .textFieldStyle(.roundedBorder)
                        .padding()
                        .focused($focusedField, equals: .email)
                        .onKeyPress(.tab) { _ in
                            // 按下Tab时直接将焦点切换到Button
                            focusedField = .submitButton
                            return .handled
                        }

                    Button(action: {
                        print("test")
                    }) {
                        Text("Button")
                            .frame(maxWidth: .infinity)
                            .foregroundColor(.white)
                            .padding()
                    }
                    .background(Color.blue)
                    .cornerRadius(10)
                    .padding()
                    .frame(maxWidth: .infinity)
                    .focused($focusedField, equals: .submitButton)
                    .onKeyPress(.tab) { _ in
                        // 按下Tab时将焦点切回TextField
                        focusedField = .email
                        return .handled
                    }
                }
            }
            // 初始焦点设置到TextField
            .onAppear {
                focusedField = .email
            }
        }
    }
}

说明 #

• 定义FocusField枚举标记需要控制焦点的控件
• 使用@FocusState绑定焦点状态，通过.focused修饰符关联控件与焦点状态
• 用onKeyPress(.tab)拦截Tab键事件，手动切换焦点并返回.handled阻止默认行为
• 初始加载时通过.onAppear将焦点设置到TextField，保证初始状态符合预期

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