SwiftUI菜单内Picker首次点击不更新问题求助

问题原因 #

你遇到的问题源于手动维护两个独立的@Published状态（soundSelection和soundSelectionPickerValue），再加上Menu组件的视图更新机制特性，导致首次选择Picker选项后，主视图的Menu标签无法及时响应状态变化，需要二次点击才能完成同步。

解决方案：用计算属性替代手动状态同步 #

移除冗余的手动更新逻辑，让soundSelection成为依赖soundSelectionPickerValue的计算属性，实现状态自动同步，避免手动更新带来的延迟问题。

修改后的ViewModel：

class ViewModel: ObservableObject {
    @Published var soundSelectionPickerValue: Int = 0
    
    // 直接由Picker选中值派生文本，无需手动更新
    var soundSelection: String {
        switch soundSelectionPickerValue {
        case 0:
            return "off"
        case 1:
            return "chime"
        case 2:
            return "alert"
        case 3:
            return "peaceful"
        default:
            return "off"
        }
    }
}

修改后的ContentView：

struct ContentView: View {
    @StateObject var viewModel: ViewModel
    
    var body: some View {
        VStack {
            Menu {
                Picker("", selection: $viewModel.soundSelectionPickerValue) {
                    Text("off").tag(0)
                    Text("chime").tag(1)
                    Text("alert").tag(2)
                    Text("peaceful").tag(3)
                }
            } label: {
                VStack {
                    Text(viewModel.soundSelection)
                }
            }
        }
    }
}

方案说明 #

1. 消除了手动调用updateSoundSelection的步骤，避免了onChange回调与状态更新之间的延迟
2. soundSelection会实时跟随soundSelectionPickerValue的变化更新，Picker选中值改变时，Menu标签文本会立即刷新
3. 统一了状态来源，彻底避免两个独立状态之间的同步偏差

另外补充：原代码中初始soundSelection为"Off"（首字母大写），但Picker选项和更新逻辑均使用小写，现在计算属性返回小写文本，确保初始显示与选项文本一致，消除视觉上的不一致性。

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