SwiftUI 父视图动画影响子视图动画问题（第二部分）：滑动时状态变更导致视图瞬移

• 异常的核心是SwiftUI环境值修饰符的依赖穿透：
  • .environment(\.key, value)修饰符本身会在当前挂载的视图节点上，建立对传入value的强依赖。之前的代码把.environment(\.rotation, rotation)直接挂在了带转场动画的RectangleView实例上，这就导致只要1秒后触发rotation状态更新，这个带转场的视图节点就会被直接触发body重算。
  • 绑定在Group上的3秒滑入动画，一旦发现负责渲染转场的视图节点被无关状态触发重算，就会直接丢弃正在进行的位置补间，将视图直接渲染到目标位置，最终表现为滑动过程中断、瞬间跳转到终点。
  • 此外TextView的body里嵌入的print调试语句和提前return的写法，会打断视图正常构建流程，进一步放大渲染异常。

核心思路是让带转场的视图节点在滑动全程保持无额外依赖的状态，既保证环境值能正常传递到内部子视图，又不让子视图的独立状态变更触发转场节点的重算，从根源上隔离两类动画的作用域。
具体调整动作：

• 移除挂载在带转场RectangleView上的.environment修饰符，切断转场节点对rotation状态的依赖。
• 将rotation的环境值注入位置移动到整个页面的根视图层级，让环境值可以沿着视图树正常传递到内部的TextView，同时因为这个位置远离转场动画的绑定节点，不会打断滑动补间。
• 清理TextView内部的调试代码和提前return逻辑，恢复视图的正常构建流程。
• 子视图内部的旋转动画本身由本地状态驱动，保持原逻辑即可，不需要额外修改。

struct RotationEnvironmentKey: EnvironmentKey {
    static let defaultValue: Bool = false
}

extension EnvironmentValues {
    var rotation: Bool {
        get { return self[RotationEnvironmentKey] }
        set { self[RotationEnvironmentKey] = newValue }
    }
}

struct AnimationTestView: View {
    @State private var go = false
    @State private var rotation = false
    var body: some View {
        VStack {
            Button("Go!") {
                go.toggle()
                DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
                    rotation.toggle()
                }
            }
            Group {
                if go {
                    RectangleView()
                        .transition(.slide)
                }
            }
            .animation(.easeInOut(duration: 3.0), value: go)
        }
        .navigationTitle("Animation Test")
        // 环境值注入下沉到根层级，不影响内层转场视图
        .environment(\.rotation, rotation)
    }
}

struct RectangleView: View {
    var body: some View {
        Rectangle()
            .frame(width: 200, height: 100)
            .foregroundColor(.pink)
            .overlay(TextView())
    }
}

struct TextView: View {
    @Environment(\.rotation) var rotation
    @State private var animationRotating: Bool = false
    let animation = Animation.linear(duration: 3.0).repeatForever(autoreverses: false)
    
    var body: some View {
        HStack {
            Spacer()
            if rotation {
                Text("R")
                    .foregroundColor(.blue)
                    .rotationEffect(.degrees(animationRotating ? 360 : 0))
                    .animation(animation, value: animationRotating)
                    .onAppear { animationRotating = true }
                    .onDisappear { animationRotating = false }
            } else {
                Text("S")
            }
        }
    }
}

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