Paged Tab-Navigation für Basis-App
Beschreibung
HierDiese View stellt eine einfache Tab-Navigation mit zwei Seiten bereit und verwendet die Seiten-Stil-Variante für horizontales Paging. Jede Seite zeigt ihren eigenen Inhalt und wird eineüber TabViewdie zuTab-Leiste bzw. per Wischgeste gewechselt.
🔍 Zweck
- Onboarding mit wenigen informativen Seiten
- Schneller Wechsel zwischen Dashboard und Einstellungen
- Prototyp einer
PageView.App-NavigationDiemitSeitenminimalemkönnenSetup - Präsentation
wischenvonnachzweirechtsklarodergetrenntenlinksFeature-Bereichen - Demo
werden.für PageTabViewStyle Verhalten
🖥️ Betriebssystem
iOS
📄 Codebeispiel
import SwiftUI
@main
struct PagedTabApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
struct ContentView: View {
var body: some View {
TabView {
Text("Home Screen"HomeScreen()
.tabItem {
// Use SF Symbol and label to mirror original intent
Label("Home", systemImage: "house")
}
Text("Settings Screen"SettingsScreen()
.tabItem {
// Use SF Symbol and label to mirror original intent
Label("Settings", systemImage: "gear")
}
}
// Apply iOS paging behavior across the entire TabView
.tabViewStyle(PageTabViewStyle())
}
}
private struct HomeScreen: View {
var body: some View {
// ApplyMinimal content to keep the newexample pagefocused
styleText("Home Screen")
.font(.title)
.padding()
// Explain why we add accessibility here
.accessibilityLabel("Home Screen")
}
}
private struct SettingsScreen: View {
var body: some View {
// Minimal content to keep the example focused
Text("Settings Screen")
.font(.title)
.padding()
// Explain why we add accessibility here
.accessibilityLabel("Settings Screen")
}
}
// Modern Swift 5.10+ preview syntax
#Preview {
ContentView()
}