我想这段代码会对你有所帮助，你可以调整动画的类型和持续时间来满足你的需要。您还可以将其他动画添加到VStack本身，例如淡入淡出动画或缩放动画。

@EnvironmentObject var subscriptionManager: SubscriptionManager

@State private var isVStack1Visible = true

var body: some View {
    VStack {
        if isVStack1Visible {
            // VStack 1
            VStack{}
        } else {
            // VStack 2
            VStack{}
        }
    }
    .onAppear {
        withAnimation(.easeInOut(duration: 0.5)) {
            isVStack1Visible = subscriptionManager.subscriptionProduct != nil
        }
    }
}

我可以通过在ZStack中包围两个VStack，然后将修改器.animation(.easeIn, value: subscriptionManager.productsReady)添加到ZStack来添加动画。
现在，当bool productsReady更新为true时，视图会根据需要进行更改。

@EnvironmentObject var subscriptionManager: SubscriptionManager

var body: some View {
    ZStack {
        if(subscriptionManager.subscriptionProduct != nil){
            // VStack 1
            VStack{}
        }else {
            // VStack 2
            VStack{}
        }
    }.animation(.easeIn, value: subscriptionManager.productsReady)
    
}