How to create a toggle switch

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-create-a-toggle-switch]

 

How to create a toggle switch

[동영상 강좌 : https://youtu.be/AYkp91p3AQA]

SwiftUI의 토글(toggle)은 UIKit에 있는 UISwitch 처럼, 사용자가 true와 false 상태 간에 이동하도록 합니다.

 

예를들어, 토글이 활성화되었는지 여부에 따라 메시지를 보여주거나 보여주지 않도록 토글을 만들 수 있지만, 수동으로 토글의 상태를 추적하고 싶지 않습니다 - SwiftUI가 이를 해주길 원합니다.

 

토글의 현재 값을 저장하는데 사용하기 위해서 @State Boolean 프로퍼티를 정의해야 합니다. 필요에따라 뷰를 보이거나 숨기도록 사용할 수 있습니다.

 

예를들어:

struct ContentView: View {
    @State private var showGreeting = true

    var body: some View {
        VStack {
            Toggle(isOn: $showGreeting) {
                Text("Show welcome message")
            }.padding()

            if showGreeting {
                Text("Hello World!")
            }
        }
    }
}

 

코드는 showGreeting이 true일때만 텍스트를 반환되도록 만들었으며, showGreeting이 false일때 VStack은 크기가 줄어듭니다 - 스택에 두번째 뷰가 없습니다.

 

주의: @State를 사용할때 Apple은 private 접근 제어 modifier을 프로퍼티와 함께 사용하는 것을 권장합니다.