SwiftUI: Insertion transition animation not executed

Question

In the following simple app, I expect the red rectangle to appear with scale animation and disappear with the slide animation but only the disappear animation is executed. Why is that?

struct ContentView: View {
    @State private var showDetails = false

    var body: some View {
        VStack {
            Button(action: {
                withAnimation {
                    self.showDetails.toggle()
                }
            }) {
                Text("Tap to show details")
            }

            if showDetails {
                Color.red
                    .frame(width: 100, height: 100, alignment: .center)
                    .transition(.asymmetric(insertion: .scale, removal: .slide))
            }
        }
    }
}

question from:https://stackoverflow.com/questions/66066611/swiftui-insertion-transition-animation-not-executed

Answer 1

Waitting for answers