SwiftUI Academy · Lektion

Eine Tab-Leiste erstellen

Gruppieren Sie Bildschirme mit Labels in einer TabView.

Eine Tab-Leiste 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.

What a Tab Bar Does

A tab bar sits at the bottom of your app and lets people jump between a few top-level screens with one tap. 📱

Meet TabView

In SwiftUI you build that bar with TabView. It holds several screens and shows only one at a time.

TabView {
    HomeScreen()
    SettingsScreen()
}

Each Child Is a Tab

Every view placed directly inside TabView becomes one tab. Two child views means two tabs in the bar.

Labeling a Tab

Without a label a tab shows nothing useful. The tabItem modifier gives each tab its icon and text.

HomeScreen()
    .tabItem {
        Label("Home", systemImage: "house")
    }

Using Label Inside tabItem

Inside tabItem you usually put a Label, which pairs a title with an SF Symbol for a clean, native look.

A Two-Tab Example

Here a full TabView shows a Home tab and a Settings tab, each with its own icon and screen.

TabView {
    HomeScreen()
        .tabItem { Label("Home", systemImage: "house") }
    SettingsScreen()
        .tabItem { Label("Settings", systemImage: "gear") }
}

One Screen at a Time

TabView keeps every tab alive but only shows the selected one. Tapping another tab swaps the visible screen instantly.

Where to Place TabView

Make TabView the root view of your app so the bar stays visible no matter which tab is active.

Keep Tabs Few

iOS shows up to five tabs comfortably. Aim for three to five clear sections so users never feel lost. ✨

Tabs Are Independent

Each tab manages its own content. Scrolling or editing in one tab does not reset the others when you switch.

Native Feel for Free

Because TabView is built in, you get the standard look, blur, and animations users already expect from iOS.

Quick Check

Let us check how you give a tab its icon and title.

Recap: Building a Tab Bar

A TabView turns each child view into a tab, and tabItem gives every tab its label so users move between screens with one tap. 🎉

Häufig gestellte Fragen

Ist die Lektion „Eine Tab-Leiste erstellen“ kostenlos?

Ja — der vollständige Text von „Eine Tab-Leiste 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 Tab-Leiste erstellen“?

Gruppieren Sie Bildschirme mit Labels in einer TabView. 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 Tab-Leiste 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