Anzeige für leere Datenlisten

Beschreibung

BietetDiese 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 nativespezielle BenutzeroberflächeContentUnavailableView immit leerenSymbol, Zustand,Titel dieund sichBeschreibung gutangezeigt.

an

🔍 verschiedeneZweck

Plattformen

anpasst.
• 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()
}