SwiftUI Academy · Lektion

Eine statische Liste erstellen

Erstellen Sie eine scrollbare Liste aus Zeilen.

Eine statische Liste erstellen ist eine kostenlose SwiftUI Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des SwiftUI Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.

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.

Recap

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

Häufig gestellte Fragen

Ist die Lektion „Eine statische Liste erstellen“ kostenlos?

Ja — der vollständige Text von „Eine statische Liste erstellen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des SwiftUI Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Eine statische Liste erstellen“?

Erstellen Sie eine scrollbare Liste aus Zeilen. Du übst SwiftUI Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um SwiftUI Academy zu starten?

Keine Vorkenntnisse erforderlich. SwiftUI Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 4.

Wie lange dauert die Lektion „Eine statische Liste erstellen“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser SwiftUI Academy-Lektion Code schreiben und ausführen?

Ja. Jede SwiftUI Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu SwiftUI Academy