SwiftUI中FocusState在Popover内无法生效的解决方案咨询

在Popover中直接用onAppear设置焦点无效，是因为onAppear触发时，Popover的视图还未完全完成渲染，此时系统无法响应焦点请求。可以通过以下两种方式解决：

方法一：延迟设置焦点 #

利用DispatchQueue.main.async将焦点设置操作推迟到当前渲染周期结束后执行，确保视图已准备就绪：

struct ContentView: View {
    
    @State var str = ""
    @State var show = false
    
    @FocusState private var focused: Bool

    var body: some View {
        VStack {
            Text("Popover")
                .onTapGesture {
                    show.toggle()
                }
                .popover(isPresented: $show) {
                    TextField("Popover Textfield", text: $str)
                        .focused($focused)
                        .onAppear {
                            DispatchQueue.main.async {
                                focused = true
                            }
                        }
                }
                .frame(width: 100, height: 100)
        }
    }
}

方法二：使用task修饰符 #

通过task(id: show)监听Popover的显示状态，当show变为true时再设置焦点，此时视图层级已稳定：

struct ContentView: View {
    
    @State var str = ""
    @State var show = false
    
    @FocusState private var focused: Bool

    var body: some View {
        VStack {
            Text("Popover")
                .onTapGesture {
                    show.toggle()
                }
                .popover(isPresented: $show) {
                    TextField("Popover Textfield", text: $str)
                        .focused($focused)
                        .task(id: show) {
                            if show {
                                focused = true
                            }
                        }
                }
                .frame(width: 100, height: 100)
        }
    }
}

原理说明 #

Popover的生命周期和普通视图不同，onAppear会在视图开始加载时触发，但此时视图尚未完全挂载到窗口层级中，无法接收焦点事件。通过延迟执行或监听状态变化的方式，能确保焦点设置操作在视图完全就绪后执行，从而正确唤起键盘。

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