Aggiungere elementi

Mantieni gli elementi in @State e l’elenco si aggiorna ogni volta che l’array cambia. Bastano un campo di testo e un pulsante per aggiungere elementi:

@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) aggiunge il testo digitato all’array e newItem = "" svuota il campo per l’elemento successivo. Poiché items è uno stato, l’elenco mostra subito la nuova riga.

Un pulsante può essere disabilitato quando il campo è vuoto: .disabled(newItem.isEmpty).