SwiftUI数组内对象属性无法更新：PHPicker选中图片数量增减按钮失效问题

你遇到的问题核心在于状态管理的错误使用，以及不必要的对象替换操作，导致SwiftUI无法正确感知到quantity的变化。下面一步步拆解问题并给出修复方案：

1. 修复UploadedImage类的状态定义 #

首先，@State属性包装器只能用于View结构体内部，不能放在自定义的class里。对于需要被观察的类属性，我们应该让类遵循ObservableObject协议，并使用@Published来标记需要触发视图刷新的属性：

class UploadedImage: Hashable, Equatable, ObservableObject {
    let id: Int // id初始化后无需修改，用let更安全
    let image: UIImage // 图片资源也不需要动态变更，用let
    @Published var quantity: Int // 用@Published让SwiftUI感知属性变化
    
    init(id: Int, image: UIImage, quantity: Int) {
        self.id = id
        self.image = image
        self.quantity = quantity
    }
    
    static func == (lhs: UploadedImage, rhs: UploadedImage) -> Bool {
        return lhs.id == rhs.id
    }
    
    func hash(into hasher: inout Hasher) {
        hasher.combine(self.id)
    }
}

这里把id和image改为不可变的let，因为它们在初始化后不需要修改，只需要动态调整quantity即可。@Published会在quantity变化时自动发送通知，让依赖的视图及时刷新。

2. 简化按钮的点击逻辑 #

你之前每次点击按钮都创建新的UploadedImage对象替换数组元素，这不仅冗余，还会导致SwiftUI无法跟踪原有对象的状态变化。现在我们可以直接修改现有对象的quantity属性：

// 假设你的视图中定义了这个状态数组
@State private var uploadedImages: [UploadedImage] = []

// 修改后的ForEach展示代码
if !uploadedImages.isEmpty {
    ScrollView {
        VStack{
            ForEach($uploadedImages) { $selectedImage in
                HStack{
                    ZStack{
                        // 示例图片展示代码
                        Image(uiImage: selectedImage.image)
                            .resizable()
                            .scaledToFit()
                            .frame(width: 100, height: 100)
                    }
                    Spacer()
                    HStack{
                        Button(action: {
                            // 防止数量小于1
                            if selectedImage.quantity > 1 {
                                selectedImage.quantity -= 1
                            }
                        }, label: {
                            Text("-")
                                .font(.title)
                                .frame(width: 30, height: 30)
                        })
                        Text("\(selectedImage.quantity)")
                            .font(.title)
                            .frame(minWidth: 30)
                        Button(action: {
                            selectedImage.quantity += 1
                        }, label: {
                            Text("+")
                                .font(.title)
                                .frame(width: 30, height: 30)
                        })
                    }
                }
                .padding()
                .border(Color.black, width: 2)
                .cornerRadius(6)
            }
        }
    }
}

3. 原代码失效的原因 #

• 你在UploadedImage类中错误使用了@State，这个包装器仅适用于View内部的临时状态，无法在自定义class中触发视图刷新。
• 每次点击按钮都创建新的UploadedImage实例，虽然id相同，但SwiftUI对数组元素的变化感知基于实例身份。偶尔能更新一次是因为替换数组元素触发了视图刷新，但后续修改新对象的属性时，由于没有@Published标记，无法触发二次刷新。

这样修改后，每次点击+-按钮都会直接修改现有UploadedImage对象的quantity，@Published会自动通知SwiftUI刷新对应视图，数量变化就能实时显示了。

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