如何让使用.bordered样式的SwiftUI按钮撑满所在VStack的全宽

问题原因 #

bordered/borderedProminent系列内置按钮样式默认以按钮内容（文字/图标）的固有尺寸作为背景、边框的绘制基准，直接给Button视图添加maxWidth: .infinity修饰符仅会修改按钮的布局占位区域，不会改变样式的计算逻辑，因此会出现视图框架撑满但背景未同步拉伸的情况。 #

可行解决方案 #

方案1：给按钮内容设置最大宽度（兼容性最佳） #

将maxWidth修饰符添加到按钮的内容标签上，直接修改样式的计算基准尺寸：

Button(action: saveUser) {
    Text("Save")
        .frame(maxWidth: .infinity)
}
.buttonStyle(.borderedProminent)

方案2：调整修饰符顺序搭配控件配置 #

如果要保持简洁的单链式写法，也可以调整修饰符顺序，配合控件尺寸配置实现效果：

Button("Save", action: saveUser)
    .buttonStyle(.borderedProminent)
    .frame(maxWidth: .infinity)
    .controlSize(.regular) // 可根据需求调整为.large/.small修改内置间距

如果需要自定义边框圆角，可以额外添加buttonBorderShape修饰符：

Button("Save", action: saveUser)
    .buttonStyle(.borderedProminent)
    .frame(maxWidth: .infinity)
    .buttonBorderShape(.roundedRectangle(radius: 8))

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