【SwiftUI】Toggle構造体の使い方！ON/OFF切り替えスイッチの実装

struct Toggle<Label> where Label : View

struct ContentView: View {
        // true/falseが切り替わる
    @State  var isOn:Bool = false
    
    var body: some View {
        Toggle(isOn: $isOn) {
            Text(isOn ? "OFF" : "ON")
        }.padding()
    }
}

init(isOn: Binding<Bool>, @ViewBuilder  label: () -> Label)

struct ContentView:  View {
    @State  var isOn:Bool = false
    
    var body: some View {
        Toggle(isOn: $isOn) {
            Text(isOn ? "OFF" : "ON")
        }.padding()
          .tint(.orange)
    }
}

struct ContentView:  View {
    @State  var isOn:Bool = false

    var body: some View {
        Toggle(isOn: $isOn) {
            Text(isOn ? "OFF" : "ON")
        }.padding()
          .tint(.orange)
          .toggleStyle(.button)
    }
}

protocol ToggleStyle {
    static var automatic: DefaultToggleStyle  //  デフォルト
    static var button: ButtonToggleStyle // ボタン
    static var checkbox: CheckboxToggleStyle // チェックボックス(macOSのデフォルトスタイル)
    static var `switch`: SwitchToggleStyle // スイッチ (iOS/iPadOS/watchOSのデフォルトスタイル)
}

struct CheckBoxToggleStyle:ToggleStyle{
    
    func makeBody(configuration: Configuration) -> some View {
        Button{
            configuration.isOn.toggle()
        } label: {
            HStack{
                // configuration.label
                Image(systemName: configuration.isOn ? "checkmark.circle.fill" : "circle")
            }
        }
    }
}

struct ContentView:  View {
    @State  var isOn:Bool = false
    
    var body: some View {
        Toggle(isOn: $isOn) {
            EmptyView()
        }.toggleStyle(CheckBoxToggleStyle())
    }
}

extension ToggleStyle where Self == CheckBoxToggleStyle {
    static var checkBoxiOS: CheckBoxToggleStyle { .init() }
}

Toggle(isOn: $isOn) {
    EmptyView()
}.toggleStyle(.checkBoxiOS)