SwiftUI Academy · Lezione

Creare una barra delle schede

Raggruppare le schermate in una TabView con le relative etichette.

Creare una barra delle schede è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 1 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento SwiftUI Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso SwiftUI Academy include 4 lezioni in totale.

Parti di questa lezione non sono ancora state tradotte e vengono mostrate in inglese.

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

Domande Frequenti

La lezione «Creare una barra delle schede» è gratuita?

Sì — il testo completo di «Creare una barra delle schede» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso SwiftUI Academy, passa a CoddyKit PRO. Il corso SwiftUI Academy include 4 lezioni in totale.

Cosa imparerò in «Creare una barra delle schede»?

Raggruppare le schermate in una TabView con le relative etichette. Eserciti SwiftUI Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare SwiftUI Academy?

Non è richiesta alcuna esperienza precedente. SwiftUI Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 4.

Quanto tempo richiede la lezione «Creare una barra delle schede»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione SwiftUI Academy?

Sì. Ogni lezione SwiftUI Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

← Torna a SwiftUI Academy