SwiftUI：如何唤起包含TextField的键盘Toolbar？

核心思路 #

借助SwiftUI的FocusState管理TextField的焦点状态，点击按钮时主动为TextField设置焦点，触发键盘弹出；而键盘弹出后，.keyboard位置的ToolbarItem会自动显示，其中的TextField也会随之可见。

具体实现代码 #

struct ContentView: View {
    @State private var bindingText = ""
    // 定义用于控制TextField焦点的状态变量
    @FocusState private var isTextFieldFocused: Bool
    
    var body: some View {
        // 替换为你的主视图内容
        Text("主内容区域")
            .toolbar {
                ToolbarItem(placement: .keyboard) {
                    HStack {
                        Button("唤起键盘") {
                            // 点击按钮时，让TextField获得焦点以唤起键盘
                            isTextFieldFocused = true
                        }
                        TextField("输入内容", text: $bindingText)
                            // 将TextField与焦点状态绑定
                            .focused($isTextFieldFocused)
                    }
                }
            }
    }
}

原理说明 #

• @FocusState是SwiftUI专门用于管理视图焦点的属性包装器，通过.focused()修饰符与TextField绑定后，就能直接控制TextField是否获得焦点。
• 点击按钮时设置isTextFieldFocused = true，TextField会立即获得焦点，系统自动弹出键盘，此时.keyboard位置的ToolbarItem会自动显示，里面的TextField也会变得可见。
• 即使用户手动收起键盘，再次点击按钮仍能通过设置焦点重新唤起键盘，Toolbar也会随之再次显示。

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