Menu
Coddy logo textTech

Añadir elementos

Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 32 de 50.

Mantén los elementos en @State y la lista se actualiza cada vez que cambia el array. Un campo de texto y un botón son suficientes para añadir elementos:

@State private var items = ["Milk"]
@State private var newItem = ""

var body: some View {
    VStack {
        TextField("New item", text: $newItem)
        Button("Add") {
            items.append(newItem)
            newItem = ""
        }
        List(items, id: \.self) { item in
            Text(item)
        }
    }
}

items.append(newItem) añade el texto escrito al array, y newItem = "" vacía el campo para el siguiente elemento. Como items es el estado, la lista muestra la nueva fila de inmediato.

Un botón puede deshabilitarse mientras el campo esté vacío: .disabled(newItem.isEmpty).

challenge icon

Desafío

Intermedio

Haz que el botón Add funcione: añade newItem a items y después borra el campo. La lista ya muestra items.

Pruébalo tú mismo

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Introducción a SwiftUI

Practica por tu cuenta: Playground de Swift