为何UIVisualEffectView在SwiftUI上下文菜单中无法正常工作？

这个问题我之前也碰到过——本质上是SwiftUI在展示上下文菜单时，会对视图层级做一些隐式调整，导致自定义的UIVisualEffectView效果被意外重置或丢失。这里有两个靠谱的解决办法，你可以按需选择：

方案一：改用SwiftUI原生模糊背景（最简单） #

从iOS 15开始，SwiftUI提供了原生的material模糊背景，完全不需要自定义UIViewRepresentable，系统会自动处理所有边缘情况（包括上下文菜单场景）。你只需要把原来的.background(BlurView())替换成对应的material样式：

struct ContentView: View {
    var body: some View {
        ZStack(alignment: .bottomLeading) {
            Image("Flower")
                .resizable()
                .frame(width: 200, height: 200)
            VStack {
                Text("Line 1")
                Text("Line 2")
            }
            .frame(width: 200, height: 50)
            // 替换成原生模糊背景，效果和你的systemMaterial一致
            .background(.systemMaterial)
        }
        .contextMenu(ContextMenu(menuItems: {
            Text("Menu Item 1")
        }))
    }
}

这种方案最省心，还能和系统视觉风格完全统一，推荐优先使用。

方案二：修复自定义BlurView的问题 #

如果因为要兼容iOS 14及以下版本，或者需要更定制化的模糊效果，必须使用自定义UIVisualEffectView，可以通过修改BlurView的实现来解决：

问题出在updateUIView方法里——每次SwiftUI更新视图（比如上下文菜单弹出时的布局变化），都会重新设置effect，此时可能存在系统层面的冲突。我们可以加个判断，只有当style变化时才更新effect，避免不必要的重置：

struct BlurView: UIViewRepresentable {
    var style: UIBlurEffect.Style = .systemMaterial
    
    // 用Coordinator保存当前style，避免重复设置effect
    class Coordinator: NSObject {
        var currentStyle: UIBlurEffect.Style
        init(style: UIBlurEffect.Style) {
            self.currentStyle = style
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(style: style)
    }
    
    func makeUIView(context: Context) -> UIVisualEffectView {
        let view = UIVisualEffectView(effect: UIBlurEffect(style: style))
        // 确保视图能正确适配SwiftUI的布局变化
        view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        return view
    }
    
    func updateUIView(_ uiView: UIVisualEffectView, context: Context) {
        // 仅当style发生变化时才更新effect
        if context.coordinator.currentStyle != style {
            uiView.effect = UIBlurEffect(style: style)
            context.coordinator.currentStyle = style
        }
    }
}

另外，给UIVisualEffectView设置autoresizingMask能确保它在SwiftUI布局容器里正确拉伸，避免因布局变化导致的效果异常。

你可以试试上面任意一种方案，应该都能解决上下文菜单激活后模糊效果消失的问题。

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