SwiftUI中Picker选择更新ObservableObject环境对象的实现方式

1. 创建ObservableObject类 #

要让变量变化能通知视图更新，必须用@Published修饰目标变量：

import SwiftUI
import Combine

class SettingsViewModel: ObservableObject {
    // @Published会在值变化时自动发送通知，触发视图刷新
    @Published var selectedOption: String = "选项1"
    // 供Picker选择的选项列表
    let options = ["选项1", "选项2", "选项3", "选项4"]
}

2. 在视图中实现Picker绑定 #

用@StateObject（iOS 14+推荐）或@ObservedObject持有ViewModel实例，再通过绑定语法$关联Picker的选择值：

struct ContentView: View {
    // 当前视图创建的ViewModel用@StateObject管理生命周期
    @StateObject private var viewModel = SettingsViewModel()
    
    var body: some View {
        VStack(spacing: 20) {
            // 实时显示当前选择的值
            Text("当前选择：\(viewModel.selectedOption)")
                .font(.title)
            
            Picker("选择选项", selection: $viewModel.selectedOption) {
                ForEach(viewModel.options, id: \.self) { option in
                    Text(option)
                }
            }
            .pickerStyle(.wheel) // 可替换为.menu、.segmented等样式
            .padding()
        }
        .padding()
    }
}

// 预览视图
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

关键注意点 #

• 没有@Published修饰的变量，即使值变化也不会通知视图更新，这是绑定失败的常见原因。
• 如果ViewModel是从父视图传递过来的，改用@ObservedObject修饰；当前视图初始化的ViewModel用@StateObject更安全。
• Picker的selection参数必须使用绑定语法$，直接写变量名无法完成双向绑定。

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