SwiftUI Picker选择项无法更新选中状态问题排查与修复

你的selectedEmoji初始值是提前创建的独立Emoji实例，而Picker的选项来自viewModel.emojis数组内的实例——尽管两者属性完全一致，但它们是内存中两个不同的结构体实例。SwiftUI的Picker依赖Hashable匹配选中项，即便Emoji已实现Hashable，但onAppear加载数据后，selectedEmoji并未与数组内的实例关联，导致Picker无法正确将选中实例赋值给selectedEmoji。

方法一：同步选中实例与数组实例 #

将selectedEmoji改为可选类型，在数据加载完成后从数组中获取初始选中项，同时显式指定tag确保匹配：

struct ContentView : View {
    @StateObject private var viewModel = ContentViewModel()
    @State private var selectedEmoji: Emoji?
    
    var body: some View {
        VStack {
            if let selectedEmoji = selectedEmoji {
                Text(selectedEmoji.uniqueString)
                    .font(.system(size: 150))
            }
            
            Picker("Emoji Picker", selection: $selectedEmoji) {
                ForEach(viewModel.emojis) { emoji in
                    Text(emoji.uniqueString)
                        .tag(emoji)
                }
            }.pickerStyle(.segmented)
            
        }.onAppear {
            viewModel.getAllEmojis()
            selectedEmoji = viewModel.emojis.first
        }
    }
}

方法二：绑定到唯一ID（推荐） #

改用Emoji的id作为Picker的绑定值，通过计算属性获取对应实例，彻底避免实例匹配问题：

struct ContentView : View {
    @StateObject private var viewModel = ContentViewModel()
    @State private var selectedEmojiId = 1
    
    private var selectedEmoji: Emoji? {
        viewModel.emojis.first { $0.id == selectedEmojiId }
    }
    
    var body: some View {
        VStack {
            if let selectedEmoji = selectedEmoji {
                Text(selectedEmoji.uniqueString)
                    .font(.system(size: 150))
            }
            
            Picker("Emoji Picker", selection: $selectedEmojiId) {
                ForEach(viewModel.emojis) { emoji in
                    Text(emoji.uniqueString)
                        .tag(emoji.id)
                }
            }.pickerStyle(.segmented)
            
        }.onAppear {
            viewModel.getAllEmojis()
        }
    }
}

方法二更适合动态数据场景，依赖唯一ID的绑定逻辑更稳定，无需担心实例匹配问题。

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