SwiftUI中如何为FavoriteButton传递单/多Item并保持Binding？

现有一个SwiftUI按钮组件定义如下：

struct FavoriteButton: View {
    @Binding var items : [Item]
    
    var body: some View {
        Button("Toggle") {
            // 这里处理数组内所有Item的isFavorite状态切换
            items.forEach { $0.isFavorite.toggle() }
        }
    }
}

需求是：在只能获取单个Item的绑定（比如列表侧滑操作swipeActions）时，把这个单个Item包装成数组绑定传递给FavoriteButton，同时保持和原数据源的绑定关系——直接用[$item]创建数组会因为结构体的值类型特性，导致修改无法同步回原数据。

核心解决方案：自定义Binding<[Item]> #

我们可以手动构建一个指向单个Item的数组绑定，通过自定义get和set方法来维持绑定关系，而不是直接创建值拷贝的数组。

1. 基础用法（直接在调用处构建）

假设你有一个绑定到[Item]的列表，在侧滑操作中这样使用：

struct Item: Identifiable {
    let id: UUID
    var isFavorite: Bool
    // 其他业务属性
}

struct ContentView: View {
    @State private var items: [Item] = [
        Item(id: UUID(), isFavorite: false),
        Item(id: UUID(), isFavorite: true)
    ]
    
    var body: some View {
        List($items) { $item in
            Text("Item \(item.id.uuidString.prefix(8))")
                .swipeActions {
                    // 手动构建数组绑定
                    let singleItemArrayBinding = Binding<[Item]>(
                        get: { [item] },
                        set: { updatedArray in
                            // 将数组中修改后的元素同步回原单个Item的绑定
                            if let updatedItem = updatedArray.first {
                                item = updatedItem
                            }
                        }
                    )
                    FavoriteButton(items: singleItemArrayBinding)
                }
        }
    }
}

2. 封装扩展简化调用

为了避免重复写绑定逻辑，可以给Binding写一个扩展，把单个Item的绑定转成数组绑定：

extension Binding where Value: Identifiable {
    func asArrayBinding() -> Binding<[Value]> {
        Binding<[Value]>(
            get: { [self.wrappedValue] },
            set: { newValues in
                if let updatedItem = newValues.first {
                    self.wrappedValue = updatedItem
                }
            }
        )
    }
}

之后调用就会非常简洁：

.swipeActions {
    FavoriteButton(items: $item.asArrayBinding())
}

原理说明 #

• get方法返回的数组里，是当前绑定的Item的引用（而非值拷贝），确保FavoriteButton拿到的是原数据的绑定
• set方法接收FavoriteButton修改后的数组，把数组中第一个元素（也就是修改后的单个Item）赋值回原绑定，这样修改就会同步到原数据源中

这个方案不需要修改原FavoriteButton的代码，同时兼容单个Item和多个Item的场景（比如多选的contextMenu(forSelection:)直接传原数组绑定即可）。

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