如何修改SwiftUI Picker菜单项中Image的颜色？

直接给Picker内部的Image设置foregroundColor不生效，是因为SwiftUI默认的Picker菜单样式会用系统内置的UI组件样式覆盖自定义颜色，以下是几种可行的解决方法：

方法1：用Label包裹图标并设置颜色 #

将HStack替换为Label，通过给Label设置前景色来让图标颜色生效：

Picker("Icons", selection: $selectedIcon) {
    ForEach(icons, id: \.self) { icon in
        Label("", systemImage: icon)
            .foregroundColor(.red)
            .padding()
    }
}

方法2：给Picker设置全局tint颜色 #

通过.tint()方法设置Picker的全局色调，这会同时改变Picker按钮和菜单项图标的颜色：

Picker("Icons", selection: $selectedIcon) {
    ForEach(icons, id: \.self) { icon in
        HStack {
            Image(systemName: icon)
        }.padding()
    }
}
.tint(.red)

方法3：用Menu组件自定义Picker样式 #

如果需要完全控制样式，用Menu模拟Picker的功能，自定义按钮内的图标颜色：

Menu {
    ForEach(icons, id: \.self) { icon in
        Button(action: { selectedIcon = icon }) {
            Image(systemName: icon)
                .foregroundColor(.red)
                .padding()
        }
    }
} label: {
    HStack {
        Text("Icons")
        Image(systemName: selectedIcon)
    }
}

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