SwiftUI代理Binding实现TextField忽略空格输入失效解决方案

实现SwiftUI账号输入功能时，需为TextField增加空格拦截逻辑：自动忽略所有空格输入，确保最终存储的账号字段不含任何空格。
尝试通过代理绑定（proxy binding）实现拦截效果，但对Binding的get/set语法逻辑不熟悉，编写的代码无法正常拦截空格，预期在AccountInput组件的绑定set逻辑中阻断空格写入，既不让空格显示在TextField中，也不让空格写入loginViewModel.input属性。

主视图 LoginView #

struct LoginView: View {
    @StateObject var loginViewModel = LoginViewModel()
    
    var body: some View {
        VStack {
            AccountInput(placeholder: "", input: $loginViewModel.input)
        }
    }
}

账号输入组件 AccountInput #

struct AccountInput: View {
    var placeholder: String
    @Binding var input: String
    
    var body: some View {
        HStack {
            TextField(placeholder, text: Binding(
                get: { self.input },
                set: {                      
                    var newValue = $0  
                    if newValue == " " { // 此处判断无法覆盖所有空格输入场景
                        return 
                    }
                    self.input = newValue
            }))
        }
    }
}

原有代码的判断逻辑newValue == " "仅在输入框完整内容为单个半角空格时才会触发拦截，存在两个明显缺陷：

• 无法处理连续输入多个空格、在已有文本中间插入空格、粘贴夹带空格的字符串等场景，这类场景下newValue包含非空格内容，判断条件不成立，空格会正常写入
• 触发判断直接return时，没有给绑定属性赋新值，会导致TextField本地展示值和绑定的数据源不同步，出现输入框显示了空格但属性里没存的UI异常

不需要引入Combine框架，直接在set逻辑中移除新值内的所有空格后再赋值即可，可覆盖所有空格输入场景，同时保证UI和数据源完全同步：

struct AccountInput: View {
    var placeholder: String
    @Binding var input: String
    
    var body: some View {
        HStack {
            TextField(placeholder, text: Binding(
                get: { input },
                set: { newValue in
                    // 移除新输入值中所有半角、全角空格，不需要过滤全角空格可删除对应替换规则
                    let filteredValue = newValue
                        .replacingOccurrences(of: " ", with: "")
                        .replacingOccurrences(of: "　", with: "")
                    input = filteredValue
                }
            ))
        }
    }
}

如果需要仅拦截用户主动输入的空格、允许特定场景下的空格写入，可根据业务需求调整过滤规则，上述实现会无差别清除输入内容里的所有空格，符合账号输入无空格的通用业务要求。

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