iOS15下自定义SwiftUI ButtonStyle失效iOS14正常如何修复？

iOS 15对SwiftUI的Button默认渲染逻辑做了两处核心调整，直接导致原有自定义样式失效：

• 系统默认新增了按钮按压时的透明度高亮动画，会遮盖自定义的overlay效果
• ButtonStyle的视图渲染优先级被修改，configuration.label的内置样式优先级高于附加的overlay修饰符

第一步：修改自定义ButtonStyle实现 #

添加compositingGroup合并视图层级，同时强制取消label的默认透明度变化：

struct InnerShadowButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        let p = configuration.isPressed
        return configuration.label
            .opacity(1) // 强制覆盖系统默认的按压透明度修改
            .compositingGroup() // 合并视图层级，避免自定义效果被系统截断
            .overlay (
                RoundedRectangle(cornerRadius: 0)
                    .stroke(Color.clear, lineWidth: 4)
                    .shadow(color: p ? .gray : .clear, radius: 3, x: 3, y: 3)
                    .clipShape(RoundedRectangle(cornerRadius: 0))
                    .opacity(p ? 1.0 : 0.0)
            )
    }
}

第二步：调用时明确指定Plain样式 #

彻底禁用系统默认的按钮交互效果，避免样式冲突：

Button {
    // 你的按钮点击逻辑
} label: {
    // 你的按钮自定义Label内容
}
.buttonStyle(PlainButtonStyle()) // 优先应用系统空白样式，消除默认效果干扰
.buttonStyle(InnerShadowButtonStyle()) // 再应用自定义样式

如果上述修改后仍存在渲染异常，可以直接重构样式实现，用ZStack替代overlay避免层级冲突：

struct InnerShadowButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        let p = configuration.isPressed
        ZStack {
            configuration.label
                .opacity(1)
            RoundedRectangle(cornerRadius: 0)
                .stroke(Color.clear, lineWidth: 4)
                .shadow(color: p ? .gray : .clear, radius: 3, x: 3, y: 3)
                .clipShape(RoundedRectangle(cornerRadius: 0))
                .opacity(p ? 1.0 : 0.0)
        }
        .compositingGroup()
    }
}

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