Estado: @State y @Binding

Aquí SwiftUI cobra vida. El estado es el dato que, al cambiar, hace que la interfaz se actualice sola. No mueves elementos a mano: cambias un valor, y SwiftUI redibuja lo que dependa de él. Entender el flujo de datos es entender SwiftUI.

La idea central: estado → UI

SwiftUI mantiene una regla: la interfaz es una función del estado. Cuando el estado cambia, la vista se recalcula. Tú no tocas la pantalla; tocas el dato.

struct Contador: View {
    @State private var cuenta = 0

    var body: some View {
        VStack {
            Text("Cuenta: \(cuenta)")
            Button("Sumar") { cuenta += 1 }
        }
    }
}

Al pulsar el botón, cuenta cambia y SwiftUI vuelve a llamar a body — el Text muestra el nuevo valor. Automático.

@State: el estado propio de la vista

@State marca un dato que pertenece a esa vista y que, al cambiar, la redibuja. Úsalo para estado simple y local (un contador, un texto de un campo, si un toggle está activo):

@State private var texto = ""
@State private var activo = false

@Binding: una conexión de dos vías

Cuando una vista hija necesita leer y escribir un estado que vive en el padre, usas @Binding. Es una referencia al estado, no una copia:

struct Interruptor: View {
    @Binding var encendido: Bool      // conexión al estado del padre
    var body: some View {
        Toggle("Encendido", isOn: $encendido)
    }
}

struct Panel: View {
    @State private var luz = false     // la fuente de la verdad
    var body: some View {
        VStack {
            Interruptor(encendido: $luz)     // pasa el binding con $
            Text(luz ? "💡 encendida" : "🌑 apagada")
        }
    }
}

Bindings con componentes del sistema

Muchos controles piden un binding para reflejar y cambiar el estado:

@State private var nombre = ""
@State private var volumen = 0.5

TextField("Tu nombre", text: $nombre)
Slider(value: $volumen)
Toggle("Notificaciones", isOn: $activo)

Escribes en el TextField y nombre se actualiza; mueves el Slider y volumen cambia. Sin código de “cuando cambie, actualiza”: el binding lo hace.