Skip to main content

Ein pulsierendes Herz

Hier wird ein pulsierendes Herz angezeigt, welches in Dauerschleife schlägt. Über die Duration kann die Geschwindigkeit festgelegt werden. Je kleiner der Wert desto schneller schlägt es.

import SwiftUI

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

    var body: some View {
        Image(systemName: "heart.fill")
            .resizable()
            .scaledToFit()
            .frame(width: 100, height: 100)
            .foregroundColor(.red)
            .scaleEffect(isBeating ? 1.4 : 1.0)
            .animation(
                Animation.easeInOut(duration: 0.5)
                    .repeatForever(autoreverses: true),
                value: isBeating
            )
            .onAppear {
                isBeating = true
            }
    }
}