SwiftUI Academy · Lekcja

Budowanie statycznej listy

Proszę utworzyć przewijaną listę wierszy.

Lekcja 1 z 413 kroki

Budowanie statycznej listy to bezpłatna lekcja SwiftUI Academy na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej SwiftUI Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.

Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.

Meet List

A List is SwiftUI's go-to container for showing rows of content in a clean, scrolling column. 📜

List {
    Text("First row")
    Text("Second row")
}

Rows Are Just Views

Anything you put inside a List becomes a row. A plain Text, an Image, or a whole stack each get their own tidy row.

List {
    Text("Apples")
    Image(systemName: "star")
}

It Scrolls for Free

You never wire up scrolling yourself. A List automatically scrolls when its rows overflow the screen.

Built-in Styling

Each row arrives with system separators, inset padding, and tap highlighting, so your list looks native instantly.

Rich Rows

Put an HStack inside a row to mix an icon and a label side by side, just like settings screens do.

List {
    HStack {
        Image(systemName: "wifi")
        Text("Network")
    }
}

Multiple Lines per Row

A VStack inside a row stacks a title over a subtitle, giving each row two clear lines of detail like a contacts entry.

List {
    VStack(alignment: .leading) {
        Text("Title")
        Text("Subtitle")
    }
}

List vs ScrollView

Reach for a List when you want row styling and separators; use a ScrollView for free-form, custom layouts.

Mixing Row Types

A static List can hold totally different rows, like a header Text followed by an HStack control. Each line stands on its own.

List {
    Text("Settings")
    Toggle("Wi-Fi", isOn: .constant(true))
}

Plenty of Rows

Add as many rows as you like and the List stays smooth, only rendering what is currently on screen.

Tap Feedback

Rows highlight on touch automatically, so a List feels interactive even before you add any tap actions.

Where Lists Shine

Settings, menus, and inboxes are all List at heart. It is the backbone of most iOS screens you use daily. ✨

Quick Check

Think about how rows are created.

Odpowiedz w interaktywnej lekcji

Recap

You met List: a scrolling container where each view inside becomes a styled, tappable row, perfect for menus and settings. 🎉

Bezpłatny start

Ucz się Swift dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy: 30
Lekcje: 120

Zacznij naukę bezpłatnie Wyświetl pełny kurs

Często zadawane pytania

Czy lekcja „Budowanie statycznej listy” jest bezpłatna?

Tak — pełny tekst „Budowanie statycznej listy” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu SwiftUI Academy, przejdź na CoddyKit PRO. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Budowanie statycznej listy”?

Proszę utworzyć przewijaną listę wierszy. Ćwiczysz SwiftUI Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć SwiftUI Academy?

Nie wymagamy żadnego doświadczenia. SwiftUI Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.

Ile czasu zajmuje lekcja „Budowanie statycznej listy”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji SwiftUI Academy?

Tak. Każda lekcja SwiftUI Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do SwiftUI Academy