SwiftUI：App层级@State使用withAnimation无动画的解决咨询

问题原因 #

SwiftUI的动画系统是和View层级的渲染上下文绑定的，@State属性本质是为单个View或View树设计的状态容器。当你在App结构体（Scene层级）中使用@State时，状态变更会触发Scene的重建，但这种重建不会自动将动画上下文传递给内部的View，因此状态变化只会导致View重渲染，不会产生动画效果。

解决方案 #

方法1：用ObservableObject管理共享状态（推荐） #

对于需要跨Scene（比如主窗口和Settings场景）共享的状态，更适合用ObservableObject（配合@Published）来管理，App层级用@StateObject持有这个状态对象。这种方式既能保证状态在多场景间同步，又能让SwiftUI的动画系统正常工作。

代码示例

// 定义全局共享的状态管理器
class AppState: ObservableObject {
    @Published var opacity: Double = 1.0
}

@main
struct MacosPlaygroundApp: App {
    // 在App层级持有状态对象
    @StateObject private var appState = AppState()

    var body: some Scene {
        WindowGroup {
            ContentView(opacity: appState.opacity, onClick: {
                withAnimation(.linear(duration: 1)) {
                    appState.opacity -= 0.5
                }
            })
        }
        // 传递状态给Settings场景
        Settings {
            SettingsView(opacity: $appState.opacity)
        }
    }
}

struct ContentView: View {
    let opacity: Double
    let onClick: () -> Void

    var body: some View {
        Button("Press here") {
            onClick()
        }
        .padding()
        .opacity(opacity)
    }
}

// Settings场景示例
struct SettingsView: View {
    @Binding var opacity: Double

    var body: some View {
        Slider(value: $opacity, in: 0...1)
            .padding()
    }
}

方法2：在View层添加animation修饰符（兼容原有@State写法） #

如果坚持在App层级使用@State，可以在接收状态的View上通过animation修饰符显式绑定状态值，让View监听状态变化并应用动画。

代码示例

修改你的ContentView：

struct ContentView: View {
    let opacity: Double
    let onClick: () -> Void

    var body: some View {
        Button("Press here") {
            onClick()
        }
        .padding()
        .opacity(opacity)
        // 绑定opacity值，状态变化时自动应用动画
        .animation(.linear(duration: 1), value: opacity)
    }
}

总结 #

• @State是为View层级设计的状态容器，不适合在App/Scene层级用于需要动画的共享状态。
• 跨场景共享状态优先使用ObservableObject+@StateObject的组合，这是SwiftUI官方推荐的共享状态管理方式。
• 临时兼容方案可以在View层添加animation修饰符，显式触发动画。

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