Menu
Coddy logo textTech

Adicionando itens

Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 32 de 50.

Mantenha os itens em @State e a lista será atualizada sempre que o array mudar. Um campo de texto e um botão são suficientes para adicionar itens:

@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) adiciona o texto digitado ao array, e newItem = "" limpa o campo para o próximo item. Como items é um estado, a lista mostra a nova linha imediatamente.

Um botão pode ser desativado enquanto o campo estiver vazio: .disabled(newItem.isEmpty).

challenge icon

Desafio

Médio

Faça o botão Add funcionar: adicione newItem a items e, em seguida, limpe o campo. A lista já exibe items.

Experimente você mesmo

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Introdução ao SwiftUI

Pratique por conta própria: Playground de Swift