Dodawanie elementów
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 32 z 50.
Przechowuj elementy w @State, a lista będzie się aktualizować za każdym razem, gdy zmieni się tablica. Do dodawania elementów wystarczą pole tekstowe i przycisk:
@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) dodaje wpisany tekst do tablicy, a newItem = "" czyści pole, przygotowując je na następny element. Ponieważ items jest stanem, lista od razu wyświetla nowy wiersz.
Przycisk można wyłączyć, gdy pole jest puste: .disabled(newItem.isEmpty).
Wyzwanie
ŚredniSpraw, aby przycisk Add działał: dodaj newItem do items, a następnie wyczyść pole. Lista już wyświetla items.
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI
10Projekt – Kawiarnia Coddy
Przegląd projektuEkrany napojów2Wyświetlanie treści
Widoki tekstoweLiczby w tekścieCzcionkiKolorySF SymbolsPodsumowanie — metka z ceną5Stan i przyciski
PrzyciskiWłaściwość @StateStan prawda lub fałszWidoki warunkowePodsumowanie — licznik punktów6Dane wejściowe użytkownika
Pole tekstowePrzełącznikPrzyciski krokowe i suwakSelektorPodsumowanie – formularz zamówieniaPoćwicz samodzielnie: Edytor online SwiftUI