animation 在 SwiftUI 完成后隐藏和显示视图

Question

How to hide and show an Image/View after an animation is done in SwiftUI.

Image(systemName: "arrow.2.circlepath.circle.fill")
    .rotationEffect(.degrees(spin ? 360 : 0))
    .animation(Animation.easeInOut(duration: 0.8).repeatCount(5))

Answer 1

Use one variable to control the rotation and a second one to control the alpha:

struct ContentView: View {
  @State var degrees: Double = 0
  @State var alpha: Double = 1
    var body: some View {
        Image(systemName: "arrow.2.circlepath.circle.fill")
        .rotationEffect(.degrees(degrees))
        .onAppear(perform: {
          withAnimation(Animation.easeInOut(duration: 0.8).repeatCount(5)) {
            self.degrees = 360
          }
          DispatchQueue.main.asyncAfter(deadline: .now() + 4) {
            self.alpha = 0
          }
        })
        .opacity(alpha)
    }
}