SwiftUI Picker 数据变更时选中分段丢失 如何实现选中态稳定保持

核心问题根因 #

• 选中态与动态数组深度绑定的设计存在本质缺陷：当前实现将过滤后的Landmark数组同时作为Picker的selection绑定值和分段tag值。SwiftUI匹配Picker选中态的核心逻辑是判断selection值与各分段的tag值是否满足严格相等（Equatable）关系。当列表数据发生变更（比如修改条目的liked属性）时，全量数组、两个过滤数组的内容都会发生变化，数组的相等判断结果、哈希值全部更新，原有的selected值和当前渲染的tag值不再匹配，Picker自然无法定位到正确的选中分段，出现选中态丢失。
• 选中状态初始化逻辑错误：@State private var selected = ModelData().landmarks 是直接实例化了一个全新的空ModelData对象取其landmarks，和通过EnvironmentObject注入的真实数据源完全无关，从视图初始化阶段就没有建立正确的绑定关系。

具体修改步骤 #

1. 解耦选中态与动态数据：新增固定的筛选分类枚举，作为Picker的稳定选中标识，彻底规避动态数组带来的匹配失效问题

   enum LandmarkFilter: String, CaseIterable {
       case all
       case popular
       case recommended
   }
   

2. 替换原有选中状态的定义，移除绑定动态数组的逻辑：

   @State private var selectedFilter: LandmarkFilter = .all
   

3. 新增统一的过滤数据计算属性，根据当前选中的枚举值返回对应列表数据：

   var filteredLandmarks: [Landmark] {
       switch selectedFilter {
       case .all:
           return modelData.landmarks
       case .popular:
           return modelData.landmarks.filter { $0.popular }
       case .recommended:
           return modelData.landmarks.filter { $0.recommended }
       }
   }
   

4. 调整Picker的绑定逻辑，将每个分段的tag绑定到固定的枚举case上，而非动态数组：

   Picker("Selection", selection: $selectedFilter) {
       Text("All").tag(LandmarkFilter.all)
       Text("Popular").tag(LandmarkFilter.popular)
       Text("Recommended").tag(LandmarkFilter.recommended)
   }
   .pickerStyle(SegmentedPickerStyle())
   .frame(width: UIScreen.main.bounds.width * 0.95)
   

5. 将ForEach的列表数据源从原有动态数组替换为上述的filteredLandmarks计算属性，列表渲染逻辑保持不变：

   ForEach(filteredLandmarks, id: \.id) { land in
       NavigationLink(destination: DetailView2(landmark: land)) {
           MainItem3(landmark: land)
       }
   }
   

修复效果 #

当列表数据发生任何变更（比如点击喜欢按钮修改条目的属性）时，选中状态仅和稳定的枚举值绑定，不会随数组实例的重新生成而发生匹配失效，Picker的选中分段将保持稳定。

额外注意：原有Landmark结构体中mainImage计算属性缺少闭合大括号，需要补全避免语法错误：

var mainImage: Image {
    Image(imageName)
}

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