SwiftUI中父视图内子视图框架变化时叠加视图无动画问题求助

要让叠加视图C随B的框架变化产生动画，核心是让C所在的叠加层感知B的尺寸变化，并绑定对应的动画触发条件。可以通过以下步骤实现：

1. 捕获B的实时尺寸：用GeometryReader作为B的背景，监听其尺寸变化
2. 关联动画触发：将叠加层的动画绑定到B的尺寸状态，确保尺寸变化时触发动画

修改后的代码如下：

struct A: View {
    @ObservedObject var viewModel: ViewModelForA
    @State private var bViewSize: CGSize = .zero
    
    var body: some View {
        VStack {
            Spacer()
            B()
                // 通过背景的GeometryReader捕获B的尺寸
                .background(
                    GeometryReader { proxy in
                        Color.clear
                            .onAppear {
                                bViewSize = proxy.size
                            }
                            .onChange(of: proxy.size) { newSize in
                                // 尺寸变化时用withAnimation更新状态，触发后续动画
                                withAnimation {
                                    bViewSize = newSize
                                }
                            }
                    }
                )
                .overlay {
                    VStack {
                        HStack {
                            Spacer()
                            C()
                        }
                        Spacer()
                    }
                    // 将叠加层的动画绑定到B的尺寸状态
                    .animation(.default, value: bViewSize)
                }
        }
    }
}

原理说明 #

• GeometryReader能实时获取B的布局尺寸，通过onChange监听尺寸变化事件
• 用withAnimation包裹状态更新，确保bViewSize的变化带有动画上下文
• 叠加层的.animation(.default, value: bViewSize)会在bViewSize变化时，自动为C的布局位置变化添加过渡动画

这种方案不需要A访问B内部的触发值，完全符合你的限制条件，同时遵循SwiftUI的动画最佳实践（使用带value参数的animation方法）。

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