SwiftUI中Scoped Animation内Offset modifier无法正常工作

云原生阿岚

2026-6-27

SwiftUI Scoped Animation中.offset()动画不生效的问题

在iOS 17的Scoped Animation（作用域动画）场景下，给目标视图同时添加.opacity()和.offset()修饰符时出现异常：当状态animate改变时，仅.opacity()能正常执行过渡动画，.offset()完全无法触发动画效果——只有在使用withAnimation{}包裹状态变更，或者使用全局.animation()修饰符时，.offset()的动画才会生效。按Scoped Animation的设计逻辑，这两个修饰符的动画表现应该完全一致。

问题代码片段

Text("Hello, world!")
    .animation(.default) {
        $0
            .opacity(animate ? 1 : 0.2)
            .offset(y: animate ? 0 : 100) // <-- 无法生效
    }

完整测试代码

import SwiftUI

struct ContentView: View {
    
    @State private var animate = false
    
    var body: some View {
        VStack(spacing: 20) {
            Button("Toggle Scoped Animation") {
                animate.toggle()
            }
            Button("Toggle withAnimation{}") {
                withAnimation {
                    animate.toggle()
                }
            }
            Text("Hello, world!")
                .animation(.default) {
                    $0
                        .opacity(animate ? 1 : 0.2)
                        .offset(y: animate ? 0 : 100) // <-- 无法生效
                }
        }
    }
}

#Preview {
    ContentView()
}

@main
struct ScopedAnimationOffsetBugApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}