iOS 17交互式Widget：移除Button默认背景与内边距

要去掉Button自带的系统背景和内边距，只保留你自定义的绿色矩形+笑脸图标，直接用下面的方法就行：

方法一：用PlainButtonStyle清除默认样式 #

这是最简单的方式，给Button加上PlainButtonStyle()就能去掉所有系统默认样式，只保留点击触发Intent的功能，剩下的样式完全由你的MyLabel控制：

Button(intent: MyIntent()) {
    MyLabel()
}
.buttonStyle(PlainButtonStyle())

方法二：自定义ButtonStyle做精细控制 #

如果需要给按钮加点击反馈（比如点击时稍微变透明），可以自己写个ButtonStyle，完全接管样式逻辑：

struct CustomWidgetButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .opacity(configuration.isPressed ? 0.8 : 1.0) // 点击时的透明度变化，可选
            .padding(0) // 确保没有额外内边距
    }
}

// 使用时调用这个自定义样式
Button(intent: MyIntent()) {
    MyLabel() // 提前在MyLabel里写好绿色矩形+笑脸的样式
}
.buttonStyle(CustomWidgetButtonStyle())

关键提醒 #

要保证MyLabel内部已经实现了你需要的绿色矩形和笑脸图标，且没有多余的padding，这样最终显示的就是你想要的内容，不会带系统默认的额外样式。

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