SwiftUI中如何禁用文本输入框的空格输入？

有两种简单的实现方式，根据你的实际情况选择：

方法一：外部自定义过滤绑定（适用于无法修改CustomInputField的情况） #

如果CustomInputField是第三方组件或者你不想修改它的内部代码，可以在外部给username创建一个过滤空格的绑定，替换原有的$username传入：

@State private var username = ""

// 自定义绑定：自动过滤输入中的空格
private var filteredUsername: Binding<String> {
    Binding(
        get: { username },
        set: { newValue in
            username = newValue.replacingOccurrences(of: " ", with: "")
        }
    )
}

// 使用过滤后的绑定
var body: some View {
    CustomInputField(imageName: "at.circle.fill", placeholderText: "Username", text: filteredUsername)
}

方法二：修改CustomInputField内部处理（适用于可自定义组件的情况） #

如果CustomInputField是你自己写的组件，直接在内部的TextField上添加空格过滤逻辑更彻底：

struct CustomInputField: View {
    let imageName: String
    let placeholderText: String
    @Binding var text: String
    
    var body: some View {
        HStack {
            Image(systemName: imageName)
                .foregroundColor(.gray)
            TextField(placeholderText, text: $text)
                // 监听文本变化，自动移除空格
                .onChange(of: text) { newValue in
                    text = newValue.replacingOccurrences(of: " ", with: "")
                }
        }
        .padding()
        .background(Color(.systemGray6))
        .cornerRadius(8)
    }
}

这样外部调用时直接传$username即可，输入框会自动过滤所有空格。

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