SwiftUI Toggle混合状态切换异常及优化实现咨询

无法切换回false的原因 #

当前代码中，使用sources参数的Toggle在切换状态时会逐个修改数组中的元素，每次修改都会触发Binding的setter。你设置的判断逻辑（仅当所有元素相等时才更新Model）会导致：

• 当从全true状态点击切换到全false时，Toggle先修改第一个元素为false，此时setter收到[IsOn(isOn: false), IsOn(isOn: true)]，不满足相等条件，Model不会更新；
• 接着Toggle修改第二个元素为false，此时setter收到全false数组，满足条件后Model才更新。但在此期间，Binding的getter会多次调用，返回的还是Model中未更新的全true值，导致SwiftUI的状态同步出现冲突，最终Toggle无法正确切换到false状态。

另外，getter被频繁调用是SwiftUI视图重绘机制的正常行为，Binding的getter会在视图更新、状态校验时多次触发，应避免在其中加入print这类副作用操作。

更优的混合状态处理方案 #

放弃使用sources参数的Toggle构造器，改用支持混合状态的Toggle(isOn: Binding<Bool?>)构造器，直接绑定到一个表示“统一状态”的可选布尔值（nil代表混合状态），这样可以避免逐个元素修改带来的多次setter触发问题，逻辑也更清晰：

优化后的代码 #

struct IsOn: Equatable {
    var isOn: Bool
}

@Observable
class Model {
    var myBool = [IsOn(isOn: true), IsOn(isOn: false)]
    
    // 计算当前的统一状态：nil=混合，true=全选，false=全不选
    var unifiedState: Bool? {
        let allTrue = myBool.allSatisfy { $0.isOn }
        let allFalse = myBool.allSatisfy { !$0.isOn }
        if allTrue { return true }
        if allFalse { return false }
        return nil
    }
    
    // 批量更新所有元素的状态，并执行额外操作
    func setAll(to state: Bool) {
        myBool = myBool.map { IsOn(isOn: state) }
        // 在这里添加你需要的额外操作
        print("批量更新到状态：\(state)")
        dump(myBool)
    }
}

struct MyView: View {
    @Environment(Model.self) var model
    
    var body: some View {
        Toggle("Test", isOn: Binding<Bool?>(
            get: { model.unifiedState },
            set: { newState in
                guard let state = newState else { return }
                // 仅当状态明确时（非混合），执行批量更新
                model.setAll(to: state)
            }
        ))
    }
}

方案优势 #

• 避免多次setter触发：Toggle的点击只会触发一次setter，直接批量更新所有元素，适合元素数量多的场景；
• 状态同步更可靠：通过计算属性unifiedState精准反映当前的混合/统一状态，SwiftUI可以正确同步Toggle的显示；
• 逻辑更清晰：把混合状态判断、批量更新的逻辑封装在Model中，View层只负责绑定状态，符合MVVM的设计原则；
• 消除不必要的副作用：移除了原getter中的冗余操作，避免频繁输出干扰。

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