Skip to main content

Paged Tab-Navigation für Basis-App

Beschreibung

Diese 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 über die Tab-Leiste bzw. per Wischgeste gewechselt.

🔍 Zweck

  • Onboarding mit wenigen informativen Seiten
  • Schneller Wechsel zwischen Dashboard und Einstellungen
  • Prototyp einer App-Navigation mit minimalem Setup
  • Präsentation von zwei klar getrennten Feature-Bereichen
  • Demo 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 {
            HomeScreen()
                .tabItem {
                    // Use SF Symbol and label to mirror original intent
                    Label("Home", systemImage: "house")
                }

            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 {
        // Minimal content to keep the example focused
        Text("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()
}