SwiftUI Academy · Ders

Sekme Çubuğu Oluşturma

Ekranları etiketlerle birlikte bir TabView altında gruplayın.

Sekme Çubuğu Oluşturma, CoddyKit'te ücretsiz bir SwiftUI Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, SwiftUI Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. SwiftUI Academy kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

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

Sıkça Sorulan Sorular

“Sekme Çubuğu Oluşturma” dersi ücretsiz mi?

Evet — “Sekme Çubuğu Oluşturma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve SwiftUI Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. SwiftUI Academy kursu toplamda 4 dersten oluşur.

“Sekme Çubuğu Oluşturma” dersinde ne öğreneceğim?

Ekranları etiketlerle birlikte bir TabView altında gruplayın. SwiftUI Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

SwiftUI Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te SwiftUI Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Sekme Çubuğu Oluşturma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu SwiftUI Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her SwiftUI Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← SwiftUI Academy Sayfasına Dön