Phasen Animation

Das ist eine Phasen Animation von einem Kreis. Durch ändern der Phase wird der Kreis größer und wieder kleiner ein einer gleichmäßigen Bewegung.

struct ContentView: View {
    @State private var phase = 0
    
    var body: some View {
        VStack {
            Circle()
                .frame(width: 50 + CGFloat(phase) * 20, height: 50 + CGFloat(phase) * 20)
                .foregroundColor(.blue)
                .onAppear {
                    withAnimation(Animation.linear(duration: 1).repeatForever(autoreverses: true)) {
                        phase = 3
                    }
                }
        }
    }
}