SwiftUI中能否将字典项绑定至TextField并实现特定编辑行为？

直接用$myDic["name"]没法满足需求，因为字典下标返回可选值，而TextField需要的是非可选的Binding<String>。我们可以自定义一个Binding来实现你要的所有行为：

核心实现逻辑 #

自定义Binding的get和set闭包，分别处理读取和写入逻辑：

• 读取（get）：如果字典中存在"name"键，返回对应值；不存在则返回空字符串""
• 写入（set）：如果新输入的内容是空字符串，就从字典中移除"name"键；否则就给字典的"name"键赋值为新内容

完整代码示例 #

import SwiftUI

struct ContentView: View {
    @State var myDic: [String : String] = [
        "name": "Tim",
        "company": "Apple"
    ]
    
    // 自定义针对"name"键的Binding
    private var nameBinding: Binding<String> {
        Binding(
            get: {
                myDic["name"] ?? ""
            },
            set: { newValue in
                if newValue.isEmpty {
                    myDic.removeValue(forKey: "name")
                } else {
                    myDic["name"] = newValue
                }
            }
        )
    }
    
    var body: some View {
        VStack(spacing: 20) {
            TextField("Name", text: nameBinding)
                .textFieldStyle(.roundedBorder)
                .padding()
            
            // 展示当前字典状态，方便测试
            Text("当前字典内容：\(myDic.description)")
                .padding()
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

效果验证 #

• 初始状态：字典有"name"键，TextField显示"Tim"，编辑内容会实时修改字典值
• 清空TextField：字典自动移除"name"键
• 移除后重新输入：字典会添加"name"键并赋值为输入内容

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