SwiftUI中如何强制隐藏键盘且不影响ColorPicker功能？

这个问题我之前也碰到过！你的核心问题在于当前的onTapGesture实现拦截了ColorPicker的点击事件，或者调用UIApplication.shared.sendAction(...)后意外干扰了组件的交互状态。下面给你两种可靠的解决方案：

方法一：使用SwiftUI原生FocusState管理焦点（推荐） #

这种方法完全基于SwiftUI的状态管理，不需要依赖UIKit，代码更简洁直观：

struct ContentView: View {
    @State private var editorText = ""
    @State private var selectedColor = Color.blue
    // 定义焦点状态变量，绑定到TextEditor
    @FocusState private var isEditorFocused: Bool
    
    var body: some View {
        VStack(spacing: 20) {
            TextEditor(text: $editorText)
                .border(.gray)
                .padding()
                // 将TextEditor的焦点状态绑定到我们的变量
                .focused($isEditorFocused)
            
            ColorPicker("选择颜色", selection: $selectedColor)
                .padding()
        }
        // 添加全屏透明背景，仅在点击空白区域时触发手势
        .background(
            Color.clear
                .onTapGesture {
                    // 取消TextEditor的焦点，自动收起键盘
                    isEditorFocused = false
                }
        )
    }
}

原理说明： #

• @FocusState是SwiftUI专门用来管理输入焦点的属性，绑定到TextEditor的.focused修饰符后，设置isEditorFocused = false就会让TextEditor失去焦点，键盘自动收起。
• 我们把onTapGesture添加到独立的背景视图上，而非主容器。这样点击ColorPicker时，事件会被ColorPicker优先处理，不会触发背景的手势；只有点击空白区域时，才会触发手势收起键盘，完美避开和ColorPicker的冲突。

方法二：使用UIKit手势识别器允许事件透传 #

如果你更习惯UIKit的实现方式，或者需要兼容更早的iOS版本，可以用这种方法：

首先创建一个封装UITapGestureRecognizer的View：

struct TapToDismissKeyboard: UIViewRepresentable {
    func makeUIView(context: Context) -> UIView {
        let tapView = UIView()
        tapView.backgroundColor = .clear
        
        let tapGesture = UITapGestureRecognizer(
            target: context.coordinator,
            action: #selector(Coordinator.dismissKeyboard)
        )
        // 关键设置：允许事件透传给下层视图
        tapGesture.cancelsTouchesInView = false
        tapView.addGestureRecognizer(tapGesture)
        
        return tapView
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {}
    
    class Coordinator: NSObject {
        @objc func dismissKeyboard() {
            UIApplication.shared.sendAction(
                #selector(UIResponder.resignFirstResponder),
                to: nil,
                from: nil,
                for: nil
            )
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator()
    }
}

然后在你的主视图中使用这个View作为全屏背景：

struct ContentView: View {
    @State private var editorText = ""
    @State private var selectedColor = Color.blue
    
    var body: some View {
        ZStack {
            VStack(spacing: 20) {
                TextEditor(text: $editorText)
                    .border(.gray)
                    .padding()
                
                ColorPicker("选择颜色", selection: $selectedColor)
                    .padding()
            }
            
            // 添加全屏手势视图，允许事件透传
            TapToDismissKeyboard()
        }
    }
}

原理说明： #

• 通过设置tapGesture.cancelsTouchesInView = false，手势识别器不会拦截下层视图的点击事件。也就是说，点击ColorPicker时，手势会触发收起键盘，同时ColorPicker也能正常收到点击事件打开选择器，两者互不干扰。

这两种方法都能完美解决你的问题，我个人更推荐第一种，因为它更符合SwiftUI的设计理念，代码也更简洁。

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