macOS下SwiftUI如何在TextField失焦时修改其值

解决方案思路 #

使用@FocusState跟踪TextField的焦点状态，在TextField失焦时（包括按Tab键、点击外部区域）执行重复验证和文本修改，确保仅在用户完成输入后触发逻辑，避免实时按键导致的误判，同时保证修改后的内容能正确同步到TextField显示。

完整实现代码 #

import SwiftUI

struct ContentView: View {
    // 绑定TextField的输入文本
    @State private var inputText: String = ""
    // 跟踪TextField的焦点状态
    @FocusState private var isTextFieldFocused: Bool
    // 模拟数据库已存在的条目
    private let existingItems: Set<String> = ["1", "12", "123", "12345"]
    
    var body: some View {
        VStack(spacing: 20) {
            TextField("输入内容", text: $inputText)
                .focused($isTextFieldFocused)
                // 监听焦点状态变化，失焦时执行验证
                .onChange(of: isTextFieldFocused) { oldValue, newValue in
                    // 当焦点从有到无时（失焦）
                    if oldValue && !newValue {
                        validateAndModifyInput()
                    }
                }
            
            Text("当前输入：\(inputText)")
        }
        .padding()
    }
    
    // 验证并修改输入内容的逻辑
    private func validateAndModifyInput() {
        // 检测输入是否存在于已有条目中
        if existingItems.contains(inputText) {
            // 这里可以替换为你需要的修改规则，比如生成唯一值或固定替换
            inputText = "00000"
        }
    }
}

关键说明 #

• 焦点跟踪：@FocusState是SwiftUI专门用于处理焦点的属性包装器，能精准捕捉TextField的焦点变化，覆盖所有失焦场景（Tab切换、点击外部区域等）。
• 验证时机：仅在焦点从TextField转移时（oldValue == true && newValue == false）执行验证，确保用户完成输入后才处理，避免输入过程中（比如输入"12345"时刚输入"1"就被误判）的问题。
• 文本同步：直接修改绑定的@State变量inputText，SwiftUI会自动更新TextField的显示，解决了尾随闭包方案中显示不同步的问题。
• 扩展性：existingItems可以替换为你的数据库查询逻辑，修改规则也可根据需求自定义（比如生成唯一编号、提示用户等）。

对比原有方案的优势 #

• 解决尾随闭包方案：直接修改绑定状态变量，视图自动同步更新，无需额外处理显示问题。
• 解决onSubmit方案：覆盖所有失焦场景，不局限于回车键触发。
• 解决onChange方案：仅在失焦时验证完整输入内容，避免实时按键导致的误判。

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