Skip to main content

Animierter Button Klick

Wird der Button angeklickt, wechselt dieser die Farbe von blau auf grün und wird um 20% größer. Wird der Button ein zweites Mal angeklickt, kehrt er wieder in seine Ausgangslage zurück.

import SwiftUI

struct ContentView: View {
    @State private var isPressed = false

    var body: some View {
        VStack {
            Button(action: {
                withAnimation(.spring(response: 0.3, dampingFraction: 0.5, blendDuration: 0)) {
                    isPressed.toggle()
                }
            }) {
                Text("Press Me")
                    .padding()
                    .background(isPressed ? Color.green : Color.blue)
                    .foregroundColor(.white)
                    .cornerRadius(10)
                    .scaleEffect(isPressed ? 1.2 : 1.0)
            }
        }
    }
}