1

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))
            }
        }
    }
}
Isaak
  • 1,107
  • 2
  • 11
  • 29

0 Answers0