Создание панели вкладок
Группируйте экраны во вкладках TabView с подписями.
«Создание панели вкладок» — бесплатный урок SwiftUI Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения SwiftUI Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс SwiftUI Academy содержит 4 уроков всего.
Части этого урока еще не переведены и отображаются на английском.
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. 🎉
Изучай Swift с ИИ-репетитором — бесплатно
Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.
- Курсы
- 30
- Уроки
- 120
Часто задаваемые вопросы
Урок «Создание панели вкладок» бесплатный?
Да — полный текст урока «Создание панели вкладок» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс SwiftUI Academy, подпишись на CoddyKit PRO. Курс SwiftUI Academy содержит 4 уроков всего.
Чему я научусь в уроке «Создание панели вкладок»?
Группируйте экраны во вкладках TabView с подписями. Ты практикуешь SwiftUI Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать SwiftUI Academy?
Предыдущий опыт не требуется. SwiftUI Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.
Сколько времени занимает урок «Создание панели вкладок»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке SwiftUI Academy?
Да. Каждый урок SwiftUI Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Создание панели вкладок
- Элементы вкладок и значки уведомлений
- Привязка выбранной вкладки
- Объединение вкладок со стеками