SwiftUI 隐藏导航栏影响其他动画

Question

我有以下 SwiftUI 视图，我想让它重复缩放动画以模拟脉冲效果。

但是，除了缩放之外，圆圈也在上下移动。原因似乎是因为我将navigationBarHidden设置为true，这导致圆圈向下移动并且移动动画与缩放动画一起重复。删除 navigationBarHidden 行可以解决问题，但我想隐藏导航栏。

如何确保此处的重复动画仅适用于 scalingEffect 并确保隐藏导航栏时动画不会受到影响？任何帮助将不胜感激！

@State var animate = false

var body: some View {
    ZStack {
      Circle()
        .frame(width: 200, height: 200, alignment: .center)
        .scaleEffect(animate ? 0.7 : 1.0, anchor: .center)
        .animation(Animation.default.repeatForever(autoreverses: true))
    }
    .onAppear {
      self.animate.toggle()
    }
    .navigationBarHidden(true)
  }

Answer 1

在状态上按值制作动画，例如

  Circle()
    .frame(width: 200, height: 200, alignment: .center)
    .scaleEffect(animate ? 0.7 : 1.0, anchor: .center)
    .animation(Animation.default.repeatForever(autoreverses: true), 
        value: animate)     // << here !!