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).
Desafio
MédioFaç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()
}
}
}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
4Modificadores
PreenchimentoPlanos de fundoOrdem dos modificadoresMolduras e formasRecapitulação - Criador de distintivos10Projeto - Coddy Coffee
Visão geral do projetoTelas de bebidas5Estado e Botões
BotõesA Propriedade @StateEstado Verdadeiro ou FalsoViews CondicionaisRecapitulação - Marcador de PontosPratique por conta própria: Playground de Swift