SwiftUI TextField获焦点清除占位符仅特定方式生效的原因探究

你原本想要实现SwiftUI中点击TextField时清除占位符的功能，用了如下代码：

import Foundation
import SwiftUI
import ApplicationCore

struct StartUpScreen: View {

    @State var password = ""
    @State var passwordPlaceholder = "Enter Password"
    
    var body: some View {
        TextField(self.$passwordPlaceholder.wrappedValue, text: $password, onEditingChanged: { (changed) in
            print("Password onEditingChanged - \(changed)")
            switch changed {
            case true:
                self.$passwordPlaceholder.wrappedValue = self.$password.wrappedValue
                self.$password.wrappedValue = ""
            case false:
                break
            }
        })
    }
}

但运行后点击TextField时占位符纹丝不动，只有把代码里的self.$password.wrappedValue = ""改成self.$password.wrappedValue = " "，功能才生效，而且TextField里还看不到空格。下面是背后的底层逻辑：

核心原因：TextField的占位符规则与SwiftUI状态更新机制 #

• 占位符的触发条件：TextField的占位符只有在绑定的文本值是**空字符串（""）**的时候才会显示。你的原逻辑是点击编辑时，把passwordPlaceholder设成当前password的值（初始是空），然后把password再设为空——等于绕了一圈，password还是空，占位符自然还会显示。
• 状态更新的合并机制：SwiftUI会合并连续的@State变量修改操作。你在onEditingChanged里连续改了两个状态，这两个变化会被合并处理。最终UI刷新时，password依然是空，占位符的显示条件没被打破。
• 空格的特殊处理：当你把password设为空格（" "）时，虽然状态里的文本值非空，但TextField默认会自动修剪输入的前导/尾随空格（密码输入框的默认行为更明显）。所以UI上看不到空格，但状态更新的瞬间，password是非空的——这直接打破了占位符的显示条件，让passwordPlaceholder被设为空后，UI刷新时判定文本非空，占位符就不会再出现。之后TextField的自动修剪逻辑会把空格移除，用户最终看不到输入内容。

更简洁的实现方式 #

其实不用绕这个弯，直接根据编辑状态切换占位符就行：

struct StartUpScreen: View {
    @State var password = ""
    @State var isEditing = false
    
    var body: some View {
        TextField(isEditing ? "" : "Enter Password", text: $password, onEditingChanged: { editing in
            isEditing = editing
        })
    }
}

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