SwiftUI Picker如何在Redux架构应用状态变更时同步选中值

核心原因 #

@State 作为视图本地状态，仅在视图首次初始化时使用传入的默认值赋值一次，后续外部传入的同属性新值不会主动覆盖已存在的本地状态，这就是点击「Randomize」修改Store后Picker选中态不刷新的根本原因。

适配现有架构的最小改动方案 #

无需改动现有Redux的Store、Action、Reduce逻辑，仅需在视图层补充全局状态到本地@State的同步监听即可：

• 复用现有label属性（已绑定Store对应条目状态，Store更新时会自动同步新值）作为同步源
• 新增onChange(of: label)修饰符，当全局状态变更时，手动更新本地@State变量

修改后的ItemView实现 #

struct ItemView: View {
    let index: Int
    
    let label: ItemState
    @State var localLabel: ItemState
    
    let dispatch: (Action)->()
    
    var body: some View {
        HStack{
            Text(label.rawValue)
            Text(localLabel.rawValue)
            Button("Randomize") { dispatch( .set(index, ItemState.allCases.randomElement() ?? .apple ) ) }
            Picker("Item type", selection: $localLabel ) {
                ForEach( ItemState.allCases , id: \.self ) {
                    Text($0.rawValue).tag($0)
                }
            }
        }
        // 新增：同步全局状态变更到本地@State
        .onChange(of: label) { newValue in
            localLabel = newValue
        }
        .onChange(of: localLabel) { dispatch(.set(index, $0)) }
        .padding()
    }
}

逻辑验证 #

• 外部路径（如「Randomize」按钮、网络回调）修改Store时：label自动获取新的全局状态值，触发onChange(of: label)更新localLabel，Picker选中态同步刷新
• 用户手动操作Picker时：localLabel变化触发dispatch更新Store，后续同步回来的label值与当前localLabel一致，不会触发无限循环

版本兼容说明 #

如果部署版本低于iOS 15，可使用旧版onChange语法，实现逻辑完全一致：

.onChange(of: label, perform: { newValue in
    localLabel = newValue
})

可选优化（不改动现有架构） #

如果不需要保留本地@State的隔离逻辑，也可以直接通过手动构造的Binding绑定全局状态，进一步减少状态同步冗余：

1. 先在ItemView中注入@EnvironmentObject var store: Store
2. 替换Picker的绑定逻辑，移除localLabel相关代码：

Picker("Item type", selection: Binding(
    get: { store.state[index] },
    set: { dispatch(.set(index, $0)) }
))

注：该优化需要视图直接依赖Store结构，如果现有架构不允许，可沿用之前的同步方案

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