TOGGLE en SWIFTUI en Español

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)
        }
    }
}

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()
        }
    }
}

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