SwiftUI中Picker组件无法修改值的问题排查求助

问题根源 #

你用@State修饰了引用类型的Account类，但@State仅适用于值类型（比如struct），它无法监测class内部属性的变化。所以当Picker选择新的类型时，newAccount.type确实会被修改，但因为@State没察觉到变化，UI不会刷新，看起来像是Picker没生效。

两种解决办法 #

方法1：把Account改成struct（推荐，SwiftUI更适配值类型）

将class Account改为struct Account，因为struct是值类型，内部属性变化时会生成新的实例，@State能正确追踪到这个变化并刷新UI：

struct Account {
    var name: String = ""
    var type: AccountType = .Cash
}

方法2：让Account遵循ObservableObject（保留class的情况）

如果必须使用class，需要让它实现ObservableObject协议，并用@Published标记需要监听的属性，同时在View里用@StateObject来持有这个对象：

class Account: ObservableObject {
    var name: String = ""
    @Published var type: AccountType = .Cash
}

struct ContentView: View {
    @StateObject var newAccount: Account = Account()
    
    var body: some View {
        VStack {
            Picker("Type", selection: $newAccount.type) {
                ForEach(AccountType.allCases) { type in
                    Text(type.rawValue).tag(type)
                }
            }
        }
        .padding()
    }
}

@Published会在type属性变化时发送通知，@StateObject负责监听这个通知，触发UI刷新，这样Picker选择后就能正常更新值和UI了。

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