SwiftUI：能否让确认对话框按钮根据条件置灰？

在iOS 16的SwiftUI中，confirmationDialog内的按钮使用默认.disabled()修饰符时，系统会直接隐藏按钮而非置灰禁用，这是系统的默认行为。要实现按钮置灰且保持布局统一的效果，你可以通过以下两种方式解决：

方式一：自定义按钮样式（推荐，复用性强） #

定义一个自定义ButtonStyle，覆盖系统对禁用状态的处理逻辑，让按钮保持可见并置灰：

struct DialogDisabledButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .foregroundColor(configuration.isDisabled ? .secondary : .primary)
            .opacity(configuration.isDisabled ? 0.6 : 1)
            .disabled(configuration.isDisabled)
    }
}

然后在对话框按钮上应用这个样式：

.confirmationDialog("White reference", isPresented: $showWhiteDialog) {
     Button("Set default white") {
         // 执行操作
     }
     .disabled(customWhite == false)
     .buttonStyle(DialogDisabledButtonStyle())

     Button("Set custom white from swatch") {
         // 执行操作
     }          

     Button("Fit swatch to white") {
         // 执行操作
     }
     .disabled(customWhite == false)
     .buttonStyle(DialogDisabledButtonStyle())
}

方式二：直接修饰按钮（快速实现，无需自定义样式） #

如果不想创建自定义样式，也可以直接给按钮添加颜色和透明度修饰，配合禁用状态：

.confirmationDialog("White reference", isPresented: $showWhiteDialog) {
     Button("Set default white") {
         // 执行操作
     }
     .foregroundColor(customWhite == false ? .secondary : .primary)
     .opacity(customWhite == false ? 0.6 : 1)
     .disabled(customWhite == false)

     Button("Set custom white from swatch") {
         // 执行操作
     }          

     Button("Fit swatch to white") {
         // 执行操作
     }
     .foregroundColor(customWhite == false ? .secondary : .primary)
     .opacity(customWhite == false ? 0.6 : 1)
     .disabled(customWhite == false)
}

另外需要注意：你尝试的Button("Text", role: .disabled)是错误用法——role参数仅用于指定按钮的功能角色（如.cancel、.destructive），并没有.disabled这个可选值，因此无法通过这种方式实现禁用状态切换。

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