Łączenie kart ze stosami
Proszę nadać każdej karcie własny NavigationStack.
Łączenie kart ze stosami to bezpłatna lekcja SwiftUI Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej SwiftUI Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.
Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.
Tabs Plus Navigation
Most real apps let users tap a tab and then drill into detail screens. That means mixing TabView with NavigationStack. 🧭
One Stack per Tab
The pattern is simple: give every tab its own NavigationStack so each section has independent push and pop history.
Wrapping a Tab Screen
Put a NavigationStack inside each tab and place that tab content within it. The tab bar stays put while you navigate.
NavigationStack {
HomeScreen()
}
.tabItem { Label("Home", systemImage: "house") }Stack Lives Inside TabView
Order matters: NavigationStack goes inside the TabView, never the other way around, so the bar never scrolls away.
Independent History
Because each tab owns its stack, drilling deep in one tab leaves the others untouched when you come back.
A Full Combined Example
Here two tabs each wrap their screen in a stack, giving Home and Search their own navigation.
TabView {
NavigationStack { HomeScreen() }
.tabItem { Label("Home", systemImage: "house") }
NavigationStack { SearchScreen() }
.tabItem { Label("Search", systemImage: "magnifyingglass") }
}Pushing Detail Views
Inside a tab use NavigationLink as usual to push detail screens onto that tab own stack.
NavigationLink("Details") {
DetailScreen()
}Titles Stay Per Tab
Set navigationTitle inside each stack so every tab shows its own title in the bar at the top.
Switching Tabs Keeps Depth
Move to another tab and back and your position in that tab navigation is preserved, just like native apps.
Avoid Stacking the Bar
Never wrap the whole TabView in a single NavigationStack. That can push the tab bar around in odd ways.
A Scalable Structure
This tab-plus-stack layout scales cleanly. Add a tab, give it a stack, and the rest of the app keeps working. ✨
Quick Check
Let us check the right way to nest navigation with tabs.
Recap: Combining Tabs with Stacks
Wrap each tab content in its own NavigationStack inside the TabView, and every section gets independent navigation with a steady tab bar. 🎉
Ucz się Swift dzięki korepetycjom AI — za darmo
Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.
- Kursy
- 30
- Lekcje
- 120
Często zadawane pytania
Czy lekcja „Łączenie kart ze stosami” jest bezpłatna?
Tak — pełny tekst „Łączenie kart ze stosami” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu SwiftUI Academy, przejdź na CoddyKit PRO. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Łączenie kart ze stosami”?
Proszę nadać każdej karcie własny NavigationStack. Ćwiczysz SwiftUI Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć SwiftUI Academy?
Nie wymagamy żadnego doświadczenia. SwiftUI Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.
Ile czasu zajmuje lekcja „Łączenie kart ze stosami”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji SwiftUI Academy?
Tak. Każda lekcja SwiftUI Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Budowanie paska kart
- Elementy kart i plakietki
- Powiązanie wybranej karty
- Łączenie kart ze stosami