SwiftUI中ForEach内PhotosPicker的onChange多次触发问题求助

问题核心是所有分区的PhotosPicker都绑定了同一个selectedItem变量，只要这个变量更新，所有绑定它的onChange回调都会执行，导致重复处理同一张照片。

解决方案：给每个分区单独维护选择状态 #

1. 修改Section数据结构：给自定义的Section模型添加专属的照片选择项属性，确保每个分区有独立的选中状态。
2. 绑定分区专属属性：让每个PhotosPicker绑定当前分区的专属选择项，而非全局变量。
3. 针对性处理照片：在onChange中只处理当前分区的选中照片，避免交叉触发。

调整后的示例代码 #

// 自定义Section模型，新增专属选择项属性
struct Section: Identifiable, Hashable {
    let id = UUID()
    var name: String
    var selectedPhotoItem: PhotosPickerItem?
}

// 视图中的ForEach部分
ForEach($sections) { $section in
    PhotosPicker(
        selection: $section.selectedPhotoItem,
        matching: .images,
        photoLibrary: .shared()
    ) {
        Text("为\(section.name)选择照片")
    }
    .onChange(of: section.selectedPhotoItem) { newItem in
        guard let newItem = newItem else { return }
        // 仅处理当前分区的选中照片
        Task {
            if let data = try? await newItem.loadTransferable(type: Data.self) {
                // 这里执行当前分区的照片处理逻辑
                print("处理\(section.name)的照片：\(data.count)字节")
            }
        }
    }
}

关键说明 #

• 使用$sections绑定数组，直接修改每个Section的属性，保证状态与分区一一对应。
• 每个PhotosPicker的selection绑定$section.selectedPhotoItem，确保选择操作只会影响当前分区的状态。
• onChange监听当前分区的选择项变化，只会在该分区的选择器被操作时触发一次。

内容的提问来源于stack exchange，提问作者Pung Worathiti Manosroi