SwiftUI过渡动画结束后View未立即消失问题求助

问题出在SecondView的布局和容器结构上：你的SecondView通过Spacer占据了VStack的剩余空间，当执行消失动画时，布局调整和动画不同步，导致动画结束后仍有视觉残留。以下是两种可行的解决方式：

方式一：用ZStack隔离弹出层布局 #

将弹出层和按钮放在ZStack中，让弹出层独立于原布局，避免影响VStack的空间计算：

struct ContentView: View {
    @State var animation: Bool = false
    var body: some View {
        ZStack {
            // 原按钮布局
            VStack {
                Button(action: {
                    withAnimation(.spring(dampingFraction: 1, blendDuration: 0.5)) {
                        animation.toggle()
                    }
                }) {
                    Image(systemName: "star.fill")
                        .resizable()
                        .frame(width: 100, height: 100)
                        .foregroundColor(.accentColor)
                }
                Spacer()
            }
            .padding()
            
            // 弹出层
            if animation {
                SecondView()
                    .transition(.move(edge: .bottom))
            }
        }
    }
}

struct SecondView: View {
    var body: some View {
        VStack {
            Text("Hello, world!")
                .font(.largeTitle)
                .fontWeight(.bold)
            Spacer()
        }
        .frame(maxWidth: .infinity)
        .background(Color.white) // 可选，添加背景让弹出层更清晰
    }
}

方式二：给弹出层设置确定高度 #

移除SecondView中的Spacer，设置固定高度，避免它占据整个父容器空间：

struct SecondView: View {
    var body: some View {
        VStack {
            Text("Hello, world!")
                .font(.largeTitle)
                .fontWeight(.bold)
        }
        .frame(height: 200) // 设置固定高度
        .frame(maxWidth: .infinity)
        .background(Color.white)
    }
}

另外，也可以尝试移除动画的blendDuration参数，避免动画混合时间过长导致的视觉延迟：

withAnimation(.spring(dampingFraction: 1)) {
    animation.toggle()
}

内容的提问来源于stack exchange，提问作者Swiftness