Menu
Coddy logo textTech

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).

challenge icon

Wyzwanie

Średni

Spraw, 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()
        }
    }
}
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI

Poćwicz samodzielnie: Edytor online SwiftUI