SwiftUI中如何为Button标签的SFSymbol设置明暗模式适配色

问题核心：当使用SFSymbol作为Button的Image标签时，设置.foregroundStyle(.primary)无法让图标自动适配明暗模式（始终显示蓝色），希望实现和Text一样的自动适配效果。

解决方案1：使用Plain按钮样式 #

Button默认样式会强制应用系统accent color（蓝色）覆盖前景色，通过设置.buttonStyle(.plain)移除默认样式，再给Image设置.foregroundStyle(.primary)即可实现自动适配：

Button {
    // 点击逻辑
} label: {
    Image(systemName: "play.fill")
        .resizable()
        .aspectRatio(contentMode: .fit)
        .frame(width: 60, height: 60)
        .foregroundStyle(.primary)
}
.buttonStyle(.plain)

解决方案2：修改Button的Tint颜色 #

如果需要保留Button的原生交互反馈（比如按压时的视觉变化），可以直接将Button的tint设置为.primary，标签内的Image会自动继承这个颜色并适配明暗模式：

Button {
    // 点击逻辑
} label: {
    Image(systemName: "play.fill")
        .resizable()
        .aspectRatio(contentMode: .fit)
        .frame(width: 60, height: 60)
}
.tint(.primary)

原因说明 #

Button的默认样式（如BorderedButtonStyle）会将自身的tint属性设为系统默认的accent color，这个颜色会优先覆盖Image的foregroundStyle设置。上述两种方法要么移除默认样式的强制着色，要么将tint替换为跟随系统明暗模式的.primary颜色，从而实现和Text一致的自动适配效果。

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