Einklappbare Form-Sektion für Einstellungen

Beschreibung

Diese View zeigt ein Formular mit einer aufklappbaren Sektion, die zusätzliche Inhalte anzeigt, wenn der Nutzer sie öffnet. Über die DisclosureGroup wird der Zustand gesteuert und Inhalte wie Benutzername oder E-Mail können übersichtlich eingebettet werden.

🔍 Zweck

• Übersichtliche Darstellung von Benutzereinstellungen
• Gruppierung von Informationen in einklappbaren Sektionen
• Reduzierung der visuellen Komplexität bei Formularen
• Strukturierung von Konfigurationsoptionen
• Einfache Implementierung von Accordion-ähnlichen UI-Elementen

🖥️ Betriebssystem

iOS

📄 Codebeispiel

import SwiftUI

@main
struct CollapsibleFormApp: App {
    var body: some Scene {
        WindowGroup {
            CollapsibleFormSectionExample()
        }
    }
}

public struct CollapsibleFormSectionExample: View {
    // Track expansion state of the disclosure group
    @State private var isExpanded = false

    public init() {}

    public var body: some View {
        Form {
            // DisclosureGroup allows expanding/collapsing content
            DisclosureGroup("Account Settings", isExpanded: $isExpanded) {
                // Example account details
                Text("Username: johndoe")
                Text("Email: johndoe@example.com")
            }
        }
    }
}

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