SwiftUI开关视图逻辑求助：多开关切换时newCustomOption异常

问题根源 #

你遇到的异常是因为开关状态联动时触发了额外的onChange回调：
比如操作场景3：开启OptionOne后再开启OptionTwo，流程是：

1. 触发OptionTwo的onChange，把newCustomOption设为optionTwo
2. 接着执行optionOne = false，触发OptionOne的onChange
3. OptionOne的onChange因为当前值变为false，把newCustomOption重置为None
   最终导致newCustomOption被错误覆盖。

修复方案 #

方案1：修改现有回调逻辑（最小改动）

调整每个Toggle的onChange逻辑：只有当开关被开启时才设置对应newCustomOption；关闭开关时，仅在所有开关都关闭的情况下才将newCustomOption设为None，避免联动时的误覆盖。

修复后的代码片段：

Toggle("Option One", isOn: $optionOne)
    .onAppear { load() }
    .onChange(of: optionOne) { newValue in
        if newValue {
            newCustomOption = "optionOne"
            optionTwo = false
            optionThree = false
        } else {
            // 仅当另外两个开关都关闭时，才重置为None
            if !optionTwo && !optionThree {
                newCustomOption = "None"
            }
        }
        print(newCustomOption)
    }

Toggle("Option Two", isOn: $optionTwo)
    .onChange(of: optionTwo) { newValue in
        if newValue {
            newCustomOption = "optionTwo"
            optionOne = false
            optionThree = false
        } else {
            if !optionOne && !optionThree {
                newCustomOption = "None"
            }
        }
        print(newCustomOption)
    }

Toggle("Option Three", isOn: $optionThree)
    .onChange(of: optionThree) { newValue in
        if newValue {
            newCustomOption = "optionThree"
            optionOne = false
            optionTwo = false
        } else {
            if !optionOne && !optionTwo {
                newCustomOption = "None"
            }
        }
        print(newCustomOption)
    }

方案2：重构状态管理（更优雅的SwiftUI实践）

使用枚举统一管理选中状态，避免多个独立@State变量的联动冲突，代码更简洁且易维护。

完整重构代码：

import SwiftUI

// 定义枚举统一管理选项
enum CustomOption: String {
    case none = "None"
    case optionOne, optionTwo, optionThree
}

struct ExampleView: View {
    @Environment(\.dismiss) private var dismiss
    @AppStorage("customOption") private var customOptionRaw = CustomOption.none.rawValue
    @State private var selectedOption: CustomOption = .none

    // 计算属性：判断确认按钮是否可交互
    private var isConfirmEnabled: Bool {
        selectedOption.rawValue != customOptionRaw
    }

    var body: some View {
        VStack {
            Toggle("Option One", isOn: Binding(
                get: { selectedOption == .optionOne },
                set: { isOn in
                    if isOn {
                        selectedOption = .optionOne
                    } else if selectedOption == .optionOne {
                        selectedOption = .none
                    }
                }
            ))

            Toggle("Option Two", isOn: Binding(
                get: { selectedOption == .optionTwo },
                set: { isOn in
                    if isOn {
                        selectedOption = .optionTwo
                    } else if selectedOption == .optionTwo {
                        selectedOption = .none
                    }
                }
            ))

            Toggle("Option Three", isOn: Binding(
                get: { selectedOption == .optionThree },
                set: { isOn in
                    if isOn {
                        selectedOption = .optionThree
                    } else if selectedOption == .optionThree {
                        selectedOption = .none
                    }
                }
            ))

            Button("Confirm", action: confirm)
                .opacity(isConfirmEnabled ? 1 : 0.5)
                .disabled(!isConfirmEnabled)
        }
        .onAppear { load() }
    }

    private func load() {
        selectedOption = CustomOption(rawValue: customOptionRaw) ?? .none
    }

    private func confirm() {
        customOptionRaw = selectedOption.rawValue
        dismiss()
    }
}

方案对比 #

• 方案1适合快速修复现有代码，改动小；
• 方案2通过枚举统一状态，消除了多个@State变量的联动冲突，代码更符合SwiftUI的状态管理思想，后续扩展新选项也更方便。

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