TextField的UTF-8字节限制异常求助：特殊字符/Emoji场景失效

原代码的核心问题是直接截取前14个UTF-8字节，这会破坏多字节字符（如特殊符号、Emoji）的完整性，导致无法转成有效字符串，进而触发not a valid UTF-8 sequence警告，且未修正name值，最终让TextField失去限制。

正确的做法是逐个累加字符，确保总字节数不超过上限，避免截断到字符中间。修改后的代码如下：

TextField("Username", text: $name)
    .onChange(of: name) { newValue in
        var currentBytes = 0
        var validCharacters: [Character] = []
        
        for char in newValue {
            let charBytes = String(char).utf8.count
            if currentBytes + charBytes <= 14 {
                validCharacters.append(char)
                currentBytes += charBytes
            } else {
                break
            }
        }
        
        let validString = String(validCharacters)
        if validString != newValue {
            name = validString
        }
    }

代码说明 #

• 遍历输入的每个字符，计算单个字符的UTF-8字节数
• 累加字符直到总字节数接近但不超过14，确保每个加入的字符都是完整的UTF-8序列
• 只有当有效字符串和输入的新值不同时，才更新name，避免不必要的状态循环

额外优化 #

如果需要实时显示已用字节数，可以在遍历过程中同步更新totalBytes：

TextField("Username", text: $name)
    .onChange(of: name) { newValue in
        var currentBytes = 0
        var validCharacters: [Character] = []
        
        for char in newValue {
            let charBytes = String(char).utf8.count
            if currentBytes + charBytes <= 14 {
                validCharacters.append(char)
                currentBytes += charBytes
            } else {
                break
            }
        }
        
        totalBytes = currentBytes
        let validString = String(validCharacters)
        if validString != newValue {
            name = validString
        }
    }

这样无论输入普通字符、特殊符号还是Emoji，都能准确限制在14字节以内，不会出现截断后失效的问题。

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