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).
Desafío
IntermedioHaz 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()
}
}
}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
2Mostrar contenido
Vistas de textoNúmeros en el textoFuentesColoresSF SymbolsRepaso: etiqueta de precioPractica por tu cuenta: Playground de Swift