如何实现SwiftUI TextField完全忽略空格键输入?
SwiftUI TextField 完全忽略空格键输入实现方案
可以做到100%拦截空格键输入,不会出现空格先临时显示再被擦除的闪烁问题,以下是经过实测可用的方案:
方案1:全系统版本兼容(支持iOS 13+)
通过自定义输入绑定的方式,在文本写入状态变量前直接过滤掉空格字符,不会触发先写入带空格文本、再二次修改的UI刷新流程,完全无闪烁。同时不会破坏中文拼音输入、系统自动填充、粘贴等场景的正常使用:
struct IgnoreSpacesTextfield: View { @State private var email: String = "" private var spaceFilteredBinding: Binding<String> { Binding( get: { email }, set: { inputText in // 同时过滤半角、全角空格,需要屏蔽其他字符可在此处扩展规则 email = inputText .replacingOccurrences(of: " ", with: "") .replacingOccurrences(of: " ", with: "") } ) } var body: some View { TextField("e-mail", text: spaceFilteredBinding) } }
方案2:iOS 17+ 原生按键拦截(最彻底)
iOS 17 新增了原生按键监听修饰符,可以直接在按键输入阶段拦截空格键事件,从根源上阻止空格写入输入框,是体验最好的方案:
struct IgnoreSpacesTextfield: View { @State private var email: String = "" var body: some View { TextField("e-mail", text: $email) .onKeyPress(.space) { _ in // 返回.handled代表事件已被处理,不再传递给输入框 return .handled } } }
如果需要同时拦截粘贴、自动填充带入的空格,可以把这个方案和方案1的自定义Binding组合使用,覆盖所有输入场景。
注意事项
- 网上常见的
onChange监听文本变化后过滤空格、Combine发布者映射过滤的方案,会先把带空格的文本写入状态触发UI刷新,再二次修改文本,必然会出现空格短暂闪现的问题,体验很差 - 以上两个方案都不会干扰中文拼音输入的联想过程,系统标记的临时拼音文本不会被错误过滤
内容的提问来源于stack exchange,提问作者kissues
相关产品推荐
相关产品推荐

