SwiftUI使用TextField输入RGB数值时无需UIViewController的键盘收起方案

云原生阿岚

2026-9-30

解决方案

完全不需要引入 UIViewController 并重写 viewDidLoad，纯 SwiftUI 就能非常简单的实现收起键盘的需求，下面是两种对应方案的实现方式：

方案1：点击空白区域收起键盘

先加一个全局的 UIApplication 扩展用来统一触发收键盘逻辑：

extension UIApplication {
    func endEditing() {
        sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
    }
}

然后给你现有代码的外层视图（也可以直接给当前的 VStack）加点击手势修饰符即可：

VStack {
    // 你原有三个TextField的代码保持不变
}
.multilineTextAlignment(.center)
.keyboardType(.numberPad)
// 新增下面这部分
.onTapGesture {
    UIApplication.shared.endEditing()
}

这样用户点击输入框之外的空白区域就会自动收起键盘。

方案2：数字键盘上方添加完成按钮

如果希望在键盘上添加操作按钮，直接用 SwiftUI 的 toolbar 修饰符即可（iOS 15+ 支持），给你的 TextField 统一加上键盘工具栏：

VStack {
    // 你原有三个TextField的代码保持不变
}
.multilineTextAlignment(.center)
.keyboardType(.numberPad)
// 新增键盘工具栏
.toolbar {
    ToolbarItem(placement: .keyboard) {
        HStack {
            Spacer()
            Button("完成") {
                UIApplication.shared.endEditing()
            }
        }
    }
}

修改完成后数字键盘的顶部会出现右对齐的完成按钮，点击即可收起键盘。