TOGGLE en SWIFTUI en Español
Toggle en SwiftUI

TOGGLE en SWIFTUI en Español

Toggle en SwiftUI 2.0 es una vista muy simple, es como un interruptor que usamos en nuestras apps iOS. Podemos añadirlo a nuestras app de una manera muy sencilla con muy poco código. Toggle es muy útil en formularios o en pantalla donde el usuario puede escoger entre dos valores: true o false.

SwiftBeta
Aprende SwiftUI desde cero 

Toogle es una vista muy simple pero útil en SwiftUI. Esta vista es como un interruptor, permite ver si un user lo ha activado o desactivado.

Toggle en código

Vamos hacer otro ejemplo práctico. Crearemos un formulario con un Toggle para que el user indique si quiere suscribirse o no a SwiftBeta.

struct ContentView: View {
    
    @State var isOn: Bool = false
    
    var body: some View {
        Form {
            Toggle("Suscríbete a SwiftBeta",
                   isOn: $isOn)
        }
    }
}
Código de un Toggle en SwiftUI

Mostrar el valor de un Toggle en un Text

Ahora lo que queremos ver es como podemos recoger el valor que ha seleccionado el user, si es true o false. Para ello, vamos a mostrarlo en un Text para que veas que es muy fácil recoger este valor y realizar la tarea que queramos: validación, enviar a backend, mostrar un popup o alert, etc. En nuestro caso mostraremos el valor de nuestro Toggle en un Text:

struct ContentView: View {
    
    @State var isOn: Bool = false
    
    var body: some View {
        Form {
            Toggle("Suscríbete a SwiftBeta",
                   isOn: $isOn)
            Text("\(isOn.description)")
                .bold()
        }
    }
}
Código para mostrar el valor de un Toggle en un Text en SwiftUI

Toggle es una vista muy sencilla de añadir dentro de las apps y su uso a nivel de UX es muy simple. Como hemos visto, es muy útil para saber que un usuario quiere aceptar o rechazar una acción.


Hasta aquí el post de hoy, gracias por leernos! 🤓
👉👉 SUSCRÍBETE al CANAL de youtube
Si tienes preguntas no dudes en contactar con nosotros a través de Twitter

SwiftUI desde cero