如何在 SwiftUI 中使用 Animation 模糊视图？

Question

我正在根据Scene Phase模糊视图。 我还添加了withAnimation {... } ，但是，在没有任何 Animation Blur-Transition 。 查看我的代码：

@main struct ExampleApp: App {
    @Environment(\.scenePhase) var scenePhase
    @State private var blurRadius: CGFloat = 0

    var body: some Scene {
        WindowGroup {
            RootView()
                .blur(radius: blurRadius)
                .onChange(of: scenePhase, perform: { value in
                    switch value {
                        case .active : withAnimation { blurRadius = 0 }
                        case .inactive: withAnimation { blurRadius = 15 }
                        @unknown default: print("Unknown")                    
                    }
                })
        }
    }
}

有谁知道为什么在没有任何Animation的情况下Blur-Status会发生变化？

谢谢您的帮助。

Answer 1

尽管此行为似乎无法作为App中的根节点正常工作，但如果您在View中移动模糊和 animation ，它似乎确实有效：

struct RootView: View {
    @Environment(\.scenePhase) var scenePhase
    @State var blurRadius : CGFloat = 0
    
    var body: some View {
        Text("Hello, world!")
            .blur(radius: blurRadius)
            .onChange(of: scenePhase, perform: { value in
                switch value {
                case .active : withAnimation { blurRadius = 0 }
                case .inactive: withAnimation { blurRadius = 15 }
                @unknown default: print("Unknown")
                }
            })
    }
}