Anzeige für leere Datenlisten

Beschreibung

Diese View zeigt abhängig vom Inhalt einer Liste entweder die Elemente oder einen Platzhalter für leere Zustände. Wenn keine Daten vorhanden sind, wird eine spezielle ContentUnavailableView mit Symbol, Titel und Beschreibung angezeigt.

🔍 Zweck

• Darstellung leerer Zustände in einer App
• Verbesserung der Nutzerführung bei fehlenden Daten
• Einsatz in Listenansichten, wenn Inhalte geladen werden sollen
• Prototyping von User Feedback für Daten- oder Netzwerkfehler
• Einheitliche Gestaltung von „Keine Daten“-Ansichten

🖥️ Betriebssystem

iOS

📄 Codebeispiel

import SwiftUI

@main
struct EmptyStateListApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

public struct ContentView: View {
    // Example data source, starts empty
    let items: [String] = []

    public init() {}

    public var body: some View {
        if items.isEmpty {
            // Show a placeholder view when no items are available
            ContentUnavailableView(
                "No Data",
                systemImage: "tray",
                description: Text("Try refreshing or adding items.")
            )
        } else {
            // Render list of items when data is available
            List(items, id: \.self) { item in
                Text(item)
            }
        }
    }
}

// Modern Swift 5.10+ preview syntax
#Preview {
    ContentView()
}