SwiftUI透明度为0时是否停止视图的渲染、构建与更新？

你的核心顾虑切中了SwiftUI视图渲染的关键细节——用opacity(isPresented ? 1 : 0)控制弹窗显示，确实会让ProgressView在后台持续执行动画。因为opacity为0的视图并没有被销毁，只是视觉上不可见，它的生命周期、状态更新、动画逻辑都会正常运行，白白消耗不必要的资源。

你之前测试的点击穿透现象，是因为allowsHitTesting(false)让透明的黑色遮罩不响应点击事件，加上opacity(0)只是让它看不见，但遮罩和内部的ProgressView依然存在于视图层级中，并没有被移除。

最优解决方案：用条件渲染替代opacity控制 #

直接通过if isPresented来决定是否加载弹窗视图，这样当isPresented为false时，弹窗相关的视图（包括遮罩、ProgressView）会被完全销毁，彻底避免后台动画和渲染开销。

示例代码：

struct CustomPopupModifier: ViewModifier {
    @Binding var isPresented: Bool
    
    func body(content: Content) -> some View {
        content
            .overlay {
                // 仅当isPresented为true时，才创建弹窗视图
                if isPresented {
                    // 半透明背景遮罩
                    Color.black.opacity(0.5)
                        .ignoresSafeArea()
                        // 确保弹窗显示时底层内容不可点击
                        .allowsHitTesting(true)
                        .overlay {
                            ProgressView()
                                .foregroundColor(.white)
                                .scaleEffect(1.5)
                        }
                }
            }
    }
}

// 扩展View方便调用
extension View {
    func customPopup(isPresented: Binding<Bool>) -> some View {
        self.modifier(CustomPopupModifier(isPresented: isPresented))
    }
}

如需平滑过渡动画 #

如果想要保持opacity控制时的平滑显示/隐藏效果，可以给弹窗视图添加transition，配合withAnimation触发动画：

修改弹窗部分的代码：

if isPresented {
    Color.black.opacity(0.5)
        .ignoresSafeArea()
        .allowsHitTesting(true)
        .overlay {
            ProgressView()
                .foregroundColor(.white)
                .scaleEffect(1.5)
        }
        // 添加淡入淡出过渡
        .transition(.opacity)
}

触发弹窗时使用withAnimation：

withAnimation {
    isPresented = true
}

额外注意点 #

• 条件渲染（if）是SwiftUI中真正控制视图存在与否的方式，相比opacity，它能彻底避免不必要的视图生命周期开销。
• 如果你之前用allowsHitTesting(false)是为了在弹窗隐藏时让底层内容可点击，条件渲染天然就能做到这一点——因为弹窗视图不存在，点击事件会直接落到底层内容上，不需要额外设置。

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