如何像苹果的股票应用程序那样向上移动动画？

如何解决如何像苹果的股票应用程序那样向上移动动画？

我希望moveUp动画如何工作的示例类似于苹果股票应用首次运行时的外观，如下所示：

您可以使用此链接上的我的代码：SwiftUI - in sheet have a fixed continue button that is not scrollable

然后我想将它与另一个重复不断的动画链接起来，但是此上移动画必须只发生一次

解决方法

尝试一下-

import SwiftUI

struct ContentView: View {
    @State private var offsetY: CGFloat = 150
    @State private var opacityAmount: Double = 0
    @State private var animationAmount: CGFloat = 1
    var body: some View {
        VStack {
            HStack {
                Image(systemName: "sparkle").foregroundColor(.yellow)
                    .offset(y: offsetY)
                    .opacity(opacityAmount)
                    .animation(
                        Animation.easeOut(duration: 0.5).delay(0.1)
                    )
                    .scaleEffect(animationAmount)
                    .animation(Animation.easeInOut(duration: 1).repeatForever(autoreverses: true))
                Text("All new design").font(.largeTitle)
                    .offset(y: offsetY)
                    .opacity(opacityAmount)
                    .animation(
                        Animation.easeOut(duration: 0.5).delay(0.1)
                    )
            }
                
            Text("Flexible").font(.largeTitle)
                .offset(y: offsetY)
                .opacity(opacityAmount)
                .animation(
                    Animation.easeOut(duration: 0.5).delay(0.2)
                )
                .onAppear {
                    offsetY = 0
                    opacityAmount = 0.8
                    animationAmount = 1.5
                }
            Spacer()
        }
    }
}