SwiftUI中如何在TextField显示时设置焦点

你的代码里onAppear直接设置焦点不生效，核心原因是视图刚触发onAppear时，TextField还未完成布局渲染，此时设置焦点无法被系统正确响应。可以通过以下几种方式修复：

方法一：用DispatchQueue.main.async延迟设置 #

把焦点操作放到主队列异步任务中，让视图布局完成后再执行：

struct ContentView: View {
    @State var text = "Hello World"
    @FocusState var focused: Bool?
    var body: some View {
        VStack {
            TextField("Placeholder", text: $text)
                .focused($focused, equals: true)
                .onAppear {
                    DispatchQueue.main.async {
                        focused = true
                    }
                }
            
            Button {
                focused = true
            } label: {
                Text("Select")
            }
        }
    }
}

方法二：用task修饰符（iOS 15+） #

利用SwiftUI原生的task修饰符，在视图出现后异步执行焦点设置，这是更符合现代SwiftUI规范的写法：

struct ContentView: View {
    @State var text = "Hello World"
    @FocusState var focused: Bool?
    var body: some View {
        VStack {
            TextField("Placeholder", text: $text)
                .focused($focused, equals: true)
                .task {
                    focused = true
                }
            
            Button {
                focused = true
            } label: {
                Text("Select")
            }
        }
    }
}

方法三：简化FocusState逻辑 #

如果只需要控制单个TextField的焦点，可将FocusState改为Bool类型，逻辑更简洁：

struct ContentView: View {
    @State var text = "Hello World"
    @FocusState private var isTextFieldFocused: Bool
    var body: some View {
        VStack {
            TextField("Placeholder", text: $text)
                .focused($isTextFieldFocused)
                .onAppear {
                    DispatchQueue.main.async {
                        isTextFieldFocused = true
                    }
                }
            
            Button {
                isTextFieldFocused = true
            } label: {
                Text("Select")
            }
        }
    }
}

本质上，这几种方案都是确保TextField的UI元素完全准备好后，再触发焦点设置，让系统能正确识别并响应焦点请求。

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