SwiftUI MVVM模式下列表项Binding数据不同步问题排查及最佳实践求助

• 绑定索引的潜在错位问题：即便使用了identifiableIndicies，通过数组索引绑定元素的方式依然存在隐患：当数组发生插入、删除、排序等操作时，索引对应的元素会发生变化，会出现绑定指向错误元素的问题，自然无法同步正确数据。
• 详情页ViewModel未监听绑定变化：MyListViewItemDetailModel中的item是普通的Binding属性，没有被@Published修饰，也没有设置监听逻辑。Binding自身变化不会触发ObservableObject的发布事件，所以ViewModel内部感知不到item的更新，View也不会同步刷新。
• @StateObject初始化的绑定失效问题：@StateObject只会在View第一次初始化时创建一次实例，后续父View重绘触发DetailView的init执行时，不会更新已经存在的ViewModel实例内部的item绑定。如果后续绑定指向的元素发生变更，ViewModel里存的还是旧的绑定，自然同步失效。

默认前提：Item为遵循Identifiable协议的结构体，这是SwiftUI场景下的通用模型设计规范。

第一步：修正列表遍历逻辑 #

直接对items数组的元素进行绑定遍历，不要用索引：

struct MyListView: View {
   @StateObject var viewModel: MyListViewModel = MyListViewModel()

   var body: some View {
       LazyVStack {
          ForEach($viewModel.items) { $item in
             MyListItemView(item: $item)
          }
       }
   }
}

class MyListViewModel: ObservableObject {
   @Published var items: [Item] = []
   // 其他业务逻辑
}

第二步：优化详情页数据流设计 #

根据业务复杂度选择对应方案即可：

方案1：轻量详情页（无复杂业务逻辑，仅展示/修改item） #

直接去掉详情页的独立ViewModel，在View层直接使用@Binding操作即可，减少不必要的层级：

struct MyListItemView: View {
   @Binding var item: Item

   var body: some View {
      NavigationLink(destination: MyListItemDetailView(item: $item), label: {
         // 列表项UI实现
      })
   }
}

struct MyListItemDetailView: View {
   @Binding var item: Item
   // 直接在View里实现简单交互逻辑
   var body: some View {
      // 详情页UI，绑定item即可同步所有层级的数据
   }
}

方案2：复杂详情页（需要独立ViewModel处理业务逻辑） #

调整ViewModel的设计，用@Published存储item值，通过双向绑定同步回上层：

struct MyListItemDetailView: View {
   @Binding var item: Item
   @StateObject private var viewModel: MyListViewItemDetailModel

   init(item: Binding<Item>) {
       // 初始化时把当前item的值传给ViewModel
       _viewModel = StateObject(wrappedValue: MyListViewItemDetailModel(initialItem: item.wrappedValue))
   }

   var body: some View {
       // 详情页UI实现
       .onChange(of: viewModel.item) { newValue in
           // ViewModel的item变化时同步回上层绑定
           item = newValue
       }
       .onChange(of: item) { newValue in
           // 上层item变化时同步到ViewModel
           viewModel.item = newValue
       }
   }
}

class MyListViewItemDetailModel: ObservableObject {
   @Published var item: Item

   init(initialItem: Item) {
       self.item = initialItem
       // 其他业务逻辑实现
   }
}

通过上述调整即可保证所有层级的item修改都会双向同步，不会出现数据不一致的问题。

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