SwiftUI中Property Wrapper实现TextField实时转大写问题排查

问题场景 #

我需要在SwiftUI的TextField中，让输入内容通过Property Wrapper实时转为大写。参考现有实现后，目前仅Text组件能正确显示大写内容，但TextField的输入框里依然保留原始小写输入，不符合预期。要求所有转换逻辑必须在Property Wrapper内部完成，禁止在视图中使用onChange或onReceive这类修饰符。

效果对比 #

• 当前效果：
• 预期效果：

解决方案 #

问题核心在于原Property Wrapper未正确处理绑定的双向更新逻辑——仅在取值时返回大写，未在赋值阶段就将输入转为大写，且未自定义projectedValue的Binding行为。以下是修正后的完整实现：

自定义Property Wrapper #

@propertyWrapper
struct Uppercase: DynamicProperty {
    @State private var storedValue: String = ""
    
    var wrappedValue: String {
        get { storedValue }
        set { storedValue = newValue.uppercased() }
    }
    
    var projectedValue: Binding<String> {
        Binding(
            get: { storedValue },
            set: { storedValue = $0.uppercased() }
        )
    }
}

视图中使用 #

struct ContentView: View {
    @Uppercase var inputText: String
    
    var body: some View {
        VStack(spacing: 24) {
            TextField("请输入内容", text: $inputText)
                .textFieldStyle(.roundedBorder)
                .padding(.horizontal)
            
            Text("实时大写结果：\(inputText)")
                .font(.headline)
        }
        .padding()
    }
}

实现说明 #

1. 值存储与转换：在wrappedValue的setter中直接将新输入值转为大写后存储，确保底层存储的始终是大写内容
2. 绑定逻辑处理：自定义projectedValue的Binding，让TextField的双向绑定在设置值时自动触发大写转换，保证输入框显示的内容同步更新为大写
3. 视图更新兼容：遵循DynamicProperty协议，让Property Wrapper能融入SwiftUI的视图更新周期，确保值变化时视图实时刷新

此方案完全满足要求：所有转换逻辑封装在Property Wrapper内部，无需在视图中添加任何额外修饰符，TextField和Text组件都会实时显示大写内容。

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