如何将数组对象中的Bool值转为@Binding以动态渲染卡片视图？

嘿，我来帮你搞定这个SwiftUI的绑定问题！你现在遇到的核心问题是：CardType是值类型（struct），当你在ForEach里遍历cardTypes时，拿到的cardType是原对象的副本，直接传递cardType.selected只是传递了一个不可变的Bool值，没法满足PartialIcon需要的@Binding类型要求。

下面给你两种常用的解决方案，你可以根据自己的场景选择：

方案一：利用数组索引获取Binding（推荐简单场景） #

首先，确保你的cardTypes是被@State或@Published修饰的可变属性（这样SwiftUI才能追踪状态变化）：

@State private var cardTypes: [CardType] = [
    CardType(title: "First Card", image: "card1", selected: false),
    CardType(title: "Second Card", image: "card2", selected: true)
]

然后修改ForEach的写法，通过数组索引来访问元素并生成Binding：

ScrollView(.horizontal, showsIndicators: false) {
    HStack(spacing: 20) {
        // 遍历数组的索引，而不是直接遍历元素
        ForEach(cardTypes.indices, id: \.self) { index in
            PartialIcon(
                title: cardTypes[index].title,
                image: cardTypes[index].image,
                // 使用$前缀获取数组元素的Binding
                selected: $cardTypes[index].selected
            )
        }
    }
}

这个方法的原理是：通过$cardTypes[index].selected，我们直接绑定到数组中对应位置元素的selected属性，这样PartialIcon里的修改就能同步回原数组的对象。

方案二：将CardType改为ObservableObject（适合复杂状态） #

如果你的CardType需要管理更多可观察的属性，或者希望每个卡片的状态独立管理，可以把它改成引用类型的ObservableObject：

import Combine

class CardType: Identifiable, ObservableObject {
    let id = UUID()
    var title: String
    var image: String
    // 使用@Published修饰，自动生成Binding
    @Published var selected: Bool
    
    init(title: String, image: String, selected: Bool) {
        self.title = title
        self.image = image
        self.selected = selected
    }
}

然后你的数组需要是@State或@Published修饰的[CardType]，在ForEach里直接通过$selected获取Binding：

@State private var cardTypes: [CardType] = [
    CardType(title: "First Card", image: "card1", selected: false),
    CardType(title: "Second Card", image: "card2", selected: true)
]

// 渲染部分
ScrollView(.horizontal, showsIndicators: false) {
    HStack(spacing: 20) {
        ForEach(cardTypes) { cardType in
            PartialIcon(
                title: cardType.title,
                image: cardType.image,
                // 通过对象的$selected获取Binding
                selected: cardType.$selected
            )
        }
    }
}

这种方式下，每个CardType实例的selected变化都会被SwiftUI自动追踪，状态同步更灵活。

内容的提问来源于stack exchange，提问作者andreas.teich