SwiftUI中已废弃的overlay方法替代方案求助

你遇到的不是overlay方法废弃的问题，而是代码语法错误导致编译失败。在iOS14.4的SwiftUI中，overlay依然可以正常使用，只是你原来的写法不符合语法要求。

错误原因 #

你注释掉的代码里，overlay的调用方式有误：不需要用大括号把视图逻辑包起来，直接传入符合View类型的内容即可。另外，SwiftUI在iOS14中支持在视图构建里直接使用if条件返回视图，但需要确保所有分支都返回相同类型的视图。

修复后的代码 #

把注释掉的部分替换成以下代码即可实现按压时的半透明覆盖效果：

.overlay(
    configuration.isPressed ? Color(white: 1.0, opacity: 0.2) : Color.clear
)

或者用更直观的条件分支写法：

.overlay {
    if configuration.isPressed {
        Color(white: 1.0, opacity: 0.2)
    } else {
        Color.clear
    }
}

完整的CalculatorButtonStyle实现 #

修改后的完整结构体如下：

struct CalculatorButtonStyle: ButtonStyle {
    
    var size: CGFloat
    var backgroundColor: Color
    var foregroundColor: Color
    var isWide: Bool = false
    
    func makeBody(configuration: Configuration) -> some View {
            configuration.label
                .font(.system(size: 32, weight: .medium))
                .frame(width: size, height: size)
                .frame(maxWidth: isWide ? .infinity : size, alignment: .leading)
                .background(backgroundColor)
                .foregroundColor(foregroundColor)
                .overlay(
                    configuration.isPressed ? Color(white: 1.0, opacity: 0.2) : Color.clear
                )
                .clipShape(Capsule()) // 取消注释可让按钮变为胶囊/圆形样式
    }
}

补充优化 #

如果需要更贴近原生计算器的按压反馈，还可以搭配缩放效果：

.scaleEffect(configuration.isPressed ? 0.95 : 1.0)

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