/

SwiftUI 表單：Stepper

SwiftUI 表單：Stepper

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

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

1
2
3
4
5
6
7
8
9
struct ContentView: View {
    @State private var counter = 0

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

您可以使用 Stepper 的 in 參數來限制它可以接受的值的範圍：

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

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

tags: [“SwiftUI”, “Stepper”, “表單”, “數字選擇”]