多个动画无法在SwiftUI中正常工作

问题描述

我想创建一个带有永久重复动画的脉冲圆。当动画方向改变时，它的大小应逐渐变化，颜色应瞬时变化。 为此，我有两种不同的动画，但是只有最后一种对（大小和颜色变化）都有影响。

struct SwiftUIView: View {
    @State private var animationStarted = false
    
    let side = UIScreen.main.bounds.size.width
    
    let animation1 = Animation.easeInOut(duration: 0.3).delay(5.7)
    .repeatForever(autoreverses: true)

    let animation2 = Animation.easeInOut(duration: 6)
        .repeatForever(autoreverses: true)

    var body: some View {
        HStack {
            vstack {
                HStack {
                    Circle()
                        .foregroundColor(self.animationStarted ? Color.pink : Color.blue)
                        .animation(animation1)
                        .frame(width: self.animationStarted ? 10 : side,height: self.animationStarted ? 10 : side)
                        .animation(animation2)
                        .onAppear {
                            self.animationStarted.toggle()
                    }
                }
            }.frame(height: side)
        }.frame(width: side)
    }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）