Criando uma barra de abas
Agrupe telas em um TabView com rótulos.
Criando uma barra de abas é uma aula grátis de SwiftUI Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de SwiftUI Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de SwiftUI Academy inclui 4 aulas no total.
Partes desta aula ainda não foram traduzidas e aparecem em inglês.
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. 🎉
Aprenda Swift com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 30
- Aulas
- 120
Perguntas Frequentes
A aula “Criando uma barra de abas” é grátis?
Sim — o texto completo de “Criando uma barra de abas” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de SwiftUI Academy, atualize para CoddyKit PRO. O curso de SwiftUI Academy inclui 4 aulas no total.
O que vou aprender em “Criando uma barra de abas”?
Agrupe telas em um TabView com rótulos. Você pratica SwiftUI Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar SwiftUI Academy?
Nenhuma experiência prévia é necessária. SwiftUI Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.
Quanto tempo leva a aula “Criando uma barra de abas”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de SwiftUI Academy?
Sim. Cada aula de SwiftUI Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Criando uma barra de abas
- Itens de aba e distintivos
- Vinculação da aba selecionada
- Combinando abas com pilhas