如何在SwiftUI的confirmationDialog按钮中添加图片？

你的问题出在手动用HStack组合图标和文字，破坏了confirmationDialog按钮的默认系统样式。SwiftUI的弹窗按钮推荐使用Label组件来实现图标+文字的组合，它会自动适配系统弹窗的布局规范，让样式和系统原生保持一致。

修改后的代码如下：

.confirmationDialog("", isPresented: $showLongPressMenu) {
    Button {
        // 添加完成的逻辑
    } label: {
        Label("Add completion", systemImage: "checkmark.circle")
    }
    
    Button {
        // 添加笔记的逻辑
    } label: {
        Label("Add Note", systemImage: "note.text.badge.plus")
    }
    
    Button("Cancel", role: .cancel) {}
}

为什么这样有效？ #

• Label是SwiftUI专门为"图标+文字"组合设计的组件，它会根据所在的上下文（比如弹窗、导航栏、列表等）自动调整布局和样式，完美适配confirmationDialog的按钮要求。
• 手动用HStack会让按钮内容脱离系统的样式控制，导致图标位置、文字间距等不符合原生弹窗的视觉效果。

如果需要自定义图标颜色或大小，可以在Label里调整：

Label("Add completion", systemImage: "checkmark.circle")
    .foregroundColor(.green)
    .font(.headline)

这样修改后，弹窗按钮的样式就会和系统原生的带图标按钮一致，符合你的预期。

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