SwiftUI多视图商品数量同步更新异常问题求助

问题现状 #

首页、商品详情页、购物车页面均配备数量±按钮与显示：

• 首页修改数量时，详情页和购物车可同步更新
• 详情页或购物车修改数量时，首页无变化，且购物车数量更新存在错误

核心原因 #

1. Product是值类型：结构体在传递、赋值时会生成副本，各视图持有的是独立的Product实例，修改本地副本无法同步到其他视图
2. 状态管理分散：部分视图用@State存储本地Product实例，修改操作未同步到共享数据源
3. 购物车页面未更新共享数据源：修改数量时仅操作本地实例，未通知全局状态变化

修复方案 #

1. 重构共享数据源SharedDataModel #

将所有商品状态的修改统一到共享数据源，确保唯一数据源：

class SharedDataModel: ObservableObject {
    // 所有商品列表（首页展示用）
    @Published var allProducts: [Product] = []
    // 购物车商品列表
    @Published var cartProducts: [Product] = []
    
    // 更新指定商品的数量
    func updateProductQuantity(productId: String, quantity: Int) {
        let clampedQuantity = max(0, quantity)
        
        // 更新全局商品列表中的数量
        if let index = allProducts.firstIndex(where: { $0.id == productId }) {
            allProducts[index].quantita = clampedQuantity
        }
        
        // 更新购物车中的数量
        if let index = cartProducts.firstIndex(where: { $0.id == productId }) {
            cartProducts[index].quantita = clampedQuantity
        }
    }
    
    // 添加/更新购物车商品
    func syncCartProduct(_ product: Product) {
        if let index = cartProducts.firstIndex(where: { $0.id == product.id }) {
            cartProducts[index] = product
        } else {
            cartProducts.append(product)
        }
    }
}

2. 首页Home视图修改 #

通过共享数据源操作数量，不再直接修改本地实例：

struct Home: View {
    @EnvironmentObject var sharedData: SharedDataModel
    @StateObject var homeData: HomeViewModel = HomeViewModel()
    
    var body: some View {
        // 遍历共享数据源的商品列表
        ForEach(sharedData.allProducts) { product in
            HStack {
                Button(action: {
                    let newQuantity = product.quantita - 1
                    sharedData.updateProductQuantity(productId: product.id, quantity: newQuantity)
                    sharedData.syncCartProduct(product)
                }) {
                    Image(systemName: "minus")
                }
                
                Text("\(product.quantita)")
                
                Button(action: {
                    let newQuantity = product.quantita + 1
                    sharedData.updateProductQuantity(productId: product.id, quantity: newQuantity)
                    sharedData.syncCartProduct(product)
                }) {
                    Image(systemName: "plus")
                }
            }
        }
    }
}

3. 商品详情页ProductDetailView修改 #

移除本地@State存储，从共享数据源获取商品实例：

struct ProductDetailView: View {
    // 接收商品ID而非直接传递Product实例
    let productId: String
    @EnvironmentObject var sharedData: SharedDataModel
    
    // 从共享数据源获取当前商品
    private var currentProduct: Product? {
        sharedData.allProducts.first(where: { $0.id == productId })
    }
    
    var body: some View {
        if let product = currentProduct {
            HStack {
                Button {
                    let newQuantity = product.quantita - 1
                    sharedData.updateProductQuantity(productId: product.id, quantity: newQuantity)
                    sharedData.syncCartProduct(product)
                } label: {
                    Image(systemName: "minus")
                }
                
                Text("\(product.quantita)")
                
                Button {
                    let newQuantity = product.quantita + 1
                    sharedData.updateProductQuantity(productId: product.id, quantity: newQuantity)
                    sharedData.syncCartProduct(product)
                } label: {
                    Image(systemName: "plus")
                }
            }
        }
    }
}

4. 购物车页面CartPage修改 #

通过共享数据源更新数量，确保全局同步：

struct CartPage: View { 
    @EnvironmentObject var sharedData: SharedDataModel
    
    var body: some View{
        ForEach(sharedData.cartProducts) { product in
            HStack {
                Button {
                    let newQuantity = product.quantita - 1
                    sharedData.updateProductQuantity(productId: product.id, quantity: newQuantity)
                } label: {
                    Image(systemName: "minus")
                }
                
                Text("\(product.quantita)")
                
                Button {
                    let newQuantity = product.quantita + 1
                    sharedData.updateProductQuantity(productId: product.id, quantity: newQuantity)
                } label: {
                    Image(systemName: "plus")
                }
            }
        }
    }
}

关键说明 #

• 所有视图都依赖SharedDataModel作为唯一数据源，避免值类型副本导致的状态不一致
• 数量修改通过updateProductQuantity方法统一处理，自动同步全局商品列表和购物车列表
• 详情页通过商品ID从共享数据源获取实例，确保始终展示最新状态

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