SwiftUI 如何创建步进器 Stepper 并从中读取值?

4 min read

在 SwiftUI 中创建步进器 Stepper 很简单,可以使用 Stepper 视图来实现。例如,创建一个步进器,使用步进器的 value 和 onIncrement 和 onDecrement 属性来读取和更改值:

struct StepperView: View {
    @State var value: Int = 0
 
    var body: some View {
        Stepper(value: $value, in: 0...10, step: 1) {
            Text("\(value)")
        }
    }
}

在上面的代码中,value 属性被绑定到 Stepper 视图中的值,并且步进器的范围是从 0 到 10,步长是 1。当用户使用增加或减少按钮更改值时,onIncrement 和 onDecrement 闭包可以执行任何你想要的操作。

如果你需要以编程方式更改步进器的值,可以在步进器绑定的变量中更改值。例如,使用下面的代码,按钮按下时将步进器值增加 1:

Button("Increase") {
    value += 1
}

当用户更改步进器的值时, value 变量将自动更新,反之亦然。