SwiftUI Button无法识别自身frame 修改背景色仅作用于周边区域如何解决

问题原因 #

• SwiftUI 的 Button 默认自带内置样式（iOS 15+ 默认为 BorderedButtonStyle），该样式自带内边距、圆角和独立的背景渲染逻辑，直接给 Button 本体添加 background 修饰符时，背景会被添加在默认样式的外层，因此只会显示在按钮外围区域。
• 若你将 frame 修饰符加在 Button 的内部 Label 上，却把 background 加在 Button 外层，也会出现背景无法覆盖按钮核心区域的问题。

解决方法 #

方法1：清空默认按钮样式（全系统版本兼容） #

给 Button 添加 .buttonStyle(.plain) 清除系统自带的样式预设，后续添加的背景、圆角等修饰符就可以完全填充按钮的 frame 区域：

Button("测试按钮") {
    // 按钮点击响应逻辑
}
.buttonStyle(.plain)
.frame(width: 180, height: 45)
.background(.systemBlue)
.foregroundColor(.white)
.cornerRadius(6)

方法2：修饰符直接作用于Button的Label（全系统版本兼容） #

将 frame、background 等样式修饰符直接加在 Button 的内容标签上，不需要修改按钮本身的样式：

Button {
    // 按钮点击响应逻辑
} label: {
    Text("测试按钮")
        .frame(width: 180, height: 45)
        .background(.systemBlue)
        .foregroundColor(.white)
        .cornerRadius(6)
}

方法3：使用iOS 15+ 内置样式配置API #

如果项目最低支持iOS 15及以上系统，可以直接用系统自带的按钮样式配置属性修改背景，不需要清空默认样式：

Button("测试按钮") {
    // 按钮点击响应逻辑
}
.tint(.systemBlue)
.frame(width: 180, height: 45)
.buttonStyle(.borderedProminent)
.controlSize(.regular)

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