Skip to main content

Stepper zur Mengenauswahl

Beschreibung

Diese View zeigt einen Stepper, mit dem der Nutzer eine Menge zwischen 1 und 10 auswählen kann. Die Anzeige passt sich dynamisch an und zeigt je nach Wert die richtige Singular- oder Pluralform an.

🔍 Zweck

  • Auswahl einer Anzahl von Artikeln in einem Warenkorb
  • Steuerung von Mengenangaben in Formularen
  • Eingabe von Wiederholungsanzahlen in einer App
  • Anpassung von Einstellungen in Schritten
  • Schnelle numerische Eingaben ohne Tastatur

🖥️ Betriebssystem

iOS

📄 Codebeispiel

import SwiftUI

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

public struct ContentView: View {
    // Track the current quantity value
    @State private var quantity = 1

    public init() {}

    public var body: some View {
        // Stepper allows incrementing/decrementing within a range
        Stepper(value: $quantity, in: 1...10) {
            // Dynamic label adjusts between singular and plural
            Text("Quantity: \(quantity) item\(quantity > 1 ? "s" : "")")
        }
        .padding()
    }
}

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