Popover mit Zusatzinformationen

Beschreibung

Diese View zeigt einen Button, der beim Anklicken ein Popover mit zusätzlichen Informationen öffnet. Das Popover erscheint unterhalb des Buttons und verschwindet wieder, sobald es geschlossen wird.

🔍 Zweck

• Anzeige von Kontextinformationen ohne neuen Bildschirm
• Darstellung von Hilfetexten oder Tooltips
• Schnelle Einsicht in Details zu einem Element
• Aufbau kompakter UI-Komponenten mit Zusatzinfos
• Prototyp für kontextabhängige Popups

🖥️ Betriebssystem

iOS

📄 Codebeispiel

import SwiftUI

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

struct ContentView: View {
    // Track if popover is visible
    @State private var showPopover = false

    var body: some View {
        Button("Show Info") {
            // Toggle popover visibility
            showPopover.toggle()
        }
        .popover(
            isPresented: $showPopover,
            attachmentAnchor: .point(.bottom),
            arrowEdge: .top
        ) {
            // Content inside the popover
            Text("This is additional information in a popover.")
                .padding()
                .frame(width: 200)
        }
        .padding()
    }
}

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