SwiftUI iOS：如何将数组元素绑定到Toggle组件？

你遇到的错误核心原因是：$onStates是@Published属性的投影绑定，类型为Binding<[Bool]>，而SwiftUI的Binding类型默认没有为数组提供直接的下标语法来生成单个元素的Binding<Bool>，所以直接使用$onStates[0]会触发编译错误。

另外先纠正你代码里的拼写错误：ObservabledObject需改为ObservableObject，否则类无法正确遵循协议。

以下是几种可行的解决方案：

方案1：手动创建单个元素的Binding #

通过Binding的初始化器，自定义get和set方法来访问数组中的指定元素：

// 修正后的模型类
class TestClass: ObservableObject {
    @Published var onStates: [Bool] = [true, false, true]
    static let shared = TestClass()
}

// 视图代码
struct ContentView: View {
    var body: some View {
        Toggle(isOn: Binding(
            get: { TestClass.shared.onStates[0] },
            set: { TestClass.shared.onStates[0] = $0 }
        )) {
            Text("Example Toggle")
        }
    }
}

方案2：扩展Binding实现数组下标支持 #

扩展Binding类型，添加数组下标语法，让代码更简洁，同时遵循SwiftUI状态管理规范使用@StateObject引用模型：

// 扩展Binding，支持数组下标生成单个元素绑定
extension Binding where Value: MutableCollection, Value.Index == Int {
    subscript(index: Int) -> Binding<Value.Element> {
        Binding(
            get: { self.wrappedValue[index] },
            set: { self.wrappedValue[index] = $0 }
        )
    }
}

// 视图代码
struct ContentView: View {
    @StateObject private var testModel = TestClass.shared

    var body: some View {
        // 现在可直接使用下标语法
        Toggle(isOn: testModel.$onStates[0]) {
            Text("Example Toggle")
        }
    }
}

方案3：为模型添加专用绑定属性（可选） #

如果某个数组元素频繁被使用，可以在模型类中添加计算属性直接返回对应绑定：

class TestClass: ObservableObject {
    @Published var onStates: [Bool] = [true, false, true]
    static let shared = TestClass()

    // 为第一个元素创建专用绑定
    var firstToggleBinding: Binding<Bool> {
        Binding(
            get: { self.onStates[0] },
            set: { self.onStates[0] = $0 }
        )
    }
}

// 视图代码
struct ContentView: View {
    var body: some View {
        Toggle(isOn: TestClass.shared.firstToggleBinding) {
            Text("Example Toggle")
        }
    }
}

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