SwiftUI #33: Stepper

Stepper es un componente que crea una vista con dos botones para incrementar o decrementar un valor.

• init(_:value:in:step:onEditingChanged:): Crea un Stepper que incrementa/decrementa el valor de un binding, por pasos, dentro de un rango.
• init(label:onIncrement:onDecrement:onEditingChanged:): Crea un Stepper que ejecuta los cloures onincrement y ondecrement cuando se presionan los botones + y -, respectivamente.

struct ContentView: View {
  @State private var value = 0
  let step = 5
  let range = 1...50

  var body: some View {
    Stepper(
      value: $value,
      in: range,
      step: step
    ) {
      Text("Current: \(value) in \(range.description) " +
           "stepping by \(step)")
    }
    .padding(10)
  }
}

struct ContentView: View {
  @State private var value = 0
  @State private var goingUp = true
  let step = 2

  var body: some View {
    Stepper(label: {
      HStack {
        Text("Current value: \(value)")
        Image(systemName: goingUp ? "arrow.up" : "arrow.down")
          .foregroundStyle(goingUp ? .green : .red)
      }
    }, onIncrement: {
      value += step
      goingUp = true
    }, onDecrement: {
      value -= step
      goingUp = false
    })
    .padding(10)
  }
}

Ocultar la etiqueta

Para ocultar la etiqueta, se usa labelsHidden()