在表單中,我們可以使用 Stepper
視圖,它可以讓我們選擇一個數字並提供 -
和 +
按鈕來進行減少或增加。
我們使用 @State
屬性包裝器將它與屬性的值綁定在一起,這裡以 counter
為例:
struct ContentView: View {
@State private var counter = 0
var body: some View {
Form {
Stepper("The counter is \(counter)", value: $counter)
}
}
}
您可以使用 Stepper
的 in
參數來限制它可以接受的值的範圍:
Stepper("The counter is \(counter)", value: $counter, in: 0...10)
當您達到限制時,增加或減少數字的控制元件將變為灰色且無法互動。