How to create a stepper and read values from it

 

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

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-create-a-stepper-and-read-values-from-it]

 

How to create a stepper and read values from it

 

SwiftUI의 Stepper 컨트롤은 사용자가 지정된 범위의 값을 선택하도록 하며, UIKit의 UIStepper과 같은 기능을 제공합니다.

예제에서 처럼, age 프로퍼티에 바인딩하는 stepper를 만들고, 사용자가 0에서 130을 포함한 값을 선택하도록 합니다.

struct ContentView: View {
    @State private var age = 18

    var body: some View {
        VStack {
            Stepper("Enter your age", value: $age, in: 0...130)
            Text("Your age is \(age)")
        }
    }
}

 

값에 직접적으로 바인딩하는것보다, 다음과 같이 사용자정의된 작업을 하기 위해서 사용자정의 onIncrement와 onDecrement 클로져를 제공할 수 있습니다.

struct ContentView: View {
    @State private var age = 18

    var body: some View {
        VStack {
            Stepper("Enter your age", onIncrement: {
                self.age += 1
                print("Adding to age")
            }, onDecrement: {
                self.age -= 1
                print("Subtracting from age")
            })

            Text("Your age is \(age)")
        }
    }
}