在表單中,我們可以使用 Stepper 視圖,它可以讓我們選擇一個數字並提供 -+ 按鈕來進行減少或增加。

我們使用 @State 屬性包裝器將它與屬性的值綁定在一起,這裡以 counter 為例:

struct ContentView: View {
    @State private var counter = 0

    var body: some View {
        Form {
            Stepper("The counter is \(counter)", value: $counter)
        }
    }
}

您可以使用 Stepperin 參數來限制它可以接受的值的範圍:

Stepper("The counter is \(counter)", value: $counter, in: 0...10)

當您達到限制時,增加或減少數字的控制元件將變為灰色且無法互動。