Toggle

Toggle

 

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

struct ToggleContentView: View {
    
    @State private var isOn = false
    
    var body: some View {
        Toggle(isOn: $isOn) {
            Label("WiFi", systemImage: isOn ? "wifi" : "wifi.slash")
        }
        .onChange(of: isOn) { oldValue, newValue in
	    print("\(oldValue) -> \(newValue)")
            // 토글 이벤트 확인.
        }
        .font(.title)
        .frame(width: 180)
    }
}

 

A defualt toggle style is switch. You can change the style with toggleStyle(_ style:).

Button style Toggle

Toggle(isOn: $isOn) {
    Label("WiFi", systemImage: isOn ? "wifi" : "wifi.slash")
}
.toggleStyle(.button)
.font(.title)
.frame(width: 180)

 

You can change the color with .tint(_ tint:) method.

 

Toggle tint

Toggle(isOn: $isOn) {
    Label("WiFi", systemImage: isOn ? "wifi" : "wifi.slash")
}
.onChange(of: isOn) { oldValue, newValue in
    print("\(oldValue) -> \(newValue)")
}
.tint(.red)
.font(.title)
.frame(width: 180)