切换时Swift UI中的Unable和Disable CheckBox

6yt4nkrj  于 2023-11-16  发布在  Swift
关注(0)|答案(1)|浏览(120)

我想如果用户选中复选框之一,然后另一个应取消选中,目前用户可以选择两者。
我看过一些例子,但这里我需要把bool值放入modal struct中,但请注意,我没有把bool值放入Model中。我能用硬编码的值来做吗?
下面是我的CheckboxToggleStyle视图代码。

import SwiftUI

struct CheckboxToggleStyle: ToggleStyle {
    @Environment(\.isEnabled) var isEnabled
    let style: Style // custom param

    func makeBody(configuration: Configuration) -> some View {
        Button(action: {
            configuration.isOn.toggle() // toggle the state binding
        }, label: {
            HStack {
                Image(systemName: configuration.isOn ? "checkmark.\(style.sfSymbolName).fill" : style.sfSymbolName)
                    .imageScale(.large)
                configuration.label
            }
        })
        .buttonStyle(PlainButtonStyle()) // remove any implicit styling from the button
        .disabled(!isEnabled)
    }

    enum Style {
        case square, circle

        var sfSymbolName: String {
            switch self {
            case .square:
                return "square"
            case .circle:
                return "circle"
            }
        }
    }
}

字符串
下面是视图代码...

struct OrderView: View {
    private var fee: Double = 5.00
    @State private var isOn1 = false
    @State private var isOn2 = false

    var body: some View {
                      VStack(alignment: .leading) {
                        Toggle("Standard : Free ", isOn: $isOn1)
                            .toggleStyle(CheckboxToggleStyle(style: .circle))
                            .foregroundColor(.blue)
                            .onTapGesture {
                                //
                            }

                        Toggle("Express : Charge \(fee.formatted(.currency(code: "GBP")))", isOn: $isOn2)
                            .toggleStyle(CheckboxToggleStyle(style: .circle))
                            .foregroundColor(.blue)
                            .onTapGesture {
                                //

                            }
                    }
                }


这里是屏幕截图..当我选择复选框上的另一个应该被禁用,但不是..


的数据

ctehm74n

ctehm74n1#

可以使用onChange

.onChange(of: isOn1) { _, flag in
     if flag { isOn2 = false }
}
.onChange(of: isOn2) { _, flag in
     if flag { isOn1 = false }
}

字符串
对于早期版本的SwiftUI使用.onChange(of: isOn1) { flag in

相关问题