MoshiMoshi's questions

Implementei uma imagem com uma animação rotativa junto com três botões para ajustar a velocidade de rotação. A velocidade é controlada modificando a duração da animação. No entanto, estou enfrentando um problema em que tentar desacelerar a animação resulta em uma aceleração contínua.

Aqui está o meu trecho de código:

import SwiftUI

struct ContentView: View {
    
    @State private var rotationAngle: Angle = .degrees(0)
    @State var imageSpeed  : Double = 1.5
    var body: some View {
        VStack {
            Image("j")
                .resizable()
                .frame(width: 100, height: 100)
                .rotationEffect(rotationAngle, anchor: .center)
                .onChange(of: imageSpeed){ _ in
                    rotationAngle = .degrees(0)
                    let animation = Animation.linear(duration: imageSpeed).repeatForever(autoreverses: false)
                    withAnimation(animation) {
                        
                        rotationAngle = .degrees(360)
                        
                    }
                    print(imageSpeed)
                }
            HStack {
                Button(action: {
                    
                    imageSpeed = 4
                }) {
                    Text("Slow")
                    
                }
                
                Button(action: {
                    imageSpeed = 1
                }) {
                    Text("Fast")
                }
                
                Button(action: {
                    imageSpeed = 0.0
                }) {
                    Text("Stop")
                }
            }
            .padding(.top, 20)
        }
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Eu tentei o código acima, mas não produziu o resultado esperado. Eu realmente apreciaria qualquer ajuda com este problema.