macOS中SwiftUI菜单按钮图标颜色设置问题

在macOS上使用.borderlessButton菜单样式时，系统会对Menu的标签应用默认强调色，直接覆盖你给Image设置的foregroundColor，导致图标颜色无法按预期显示。以下是几种可行的解决方法：

方法一：启用模板渲染模式 #

给Image添加.renderingMode(.template)，确保颜色设置能正确作用于图标：

Menu {
    Button {
        // 执行按钮操作
    } label: {
        Text("Some item")
    }
} label: {
    Image(systemName: "chevron.down.circle.fill")
        .renderingMode(.template)
        .foregroundColor(.red)
}
.menuStyle(.borderlessButton)
.menuIndicator(.hidden)
.fixedSize(horizontal: true, vertical: false)

方法二：使用AccentColor控制颜色 #

在macOS的交互控件中，accentColor是更适合控制元素颜色的属性，替代foregroundColor试试：

Menu {
    Button {
        // 执行按钮操作
    } label: {
        Text("Some item")
    }
} label: {
    Image(systemName: "chevron.down.circle.fill")
        .accentColor(.red)
}
.menuStyle(.borderlessButton)
.menuIndicator(.hidden)
.fixedSize(horizontal: true, vertical: false)

方法三：隔离全局颜色干扰 #

如果之前给Menu设置了全局的foregroundColor(.blue)，它会对子视图的颜色设置产生干扰，建议移除该全局设置，或者将图标包裹在单独容器（比如HStack）中独立设置颜色：

Menu {
    Button {
        // 执行按钮操作
    } label: {
        Text("Some item")
    }
} label: {
    HStack {
        Image(systemName: "chevron.down.circle.fill")
            .foregroundColor(.red)
    }
}
.menuStyle(.borderlessButton)
.menuIndicator(.hidden)
.fixedSize(horizontal: true, vertical: false)

以上方法都能解决borderlessButton样式下Menu图标颜色不生效的问题，你可以根据实际场景选择合适的方案。

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