How to change color of Image within SwiftUI Picker menu-item?

Question

I am writing a picker and it lists a bunch of icons.

Picker("Icons ", selection: $selectedIcon) {
    ForEach(icons, id: \.self) { icon in
        HStack {
            Image(systemName: icon)
            .foregroundColor(Color.red) // This doesn't work
        }.padding()
    }
}

In the above code, SwiftUI picker doesn't change the color of the icon to red in the picker's menu-item as per foreground color. Any idea how to change color of an image within picker menu-item?

Try using .renderingMode(.template) before defining your foreground color — Julian van Heek
– Julian van Heek, Commented Jan 27, 2023 at 14:54

workingdog support Ukraine · Accepted Answer · 2023-01-27 23:13:22Z

7

try using .foregroundStyle(.red, .blue), works for me.

edited Jan 27, 2023 at 23:13

answered Jan 27, 2023 at 23:08

workingdog support Ukraine

38.9k5 gold badges47 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Daniel May 30 at 16:26

make sure not to use the .tint(Color.something) modifier on the same view or a superview, as this overwrites the foregroundStyle...

Mohammed Shaheen · Accepted Answer · 2023-08-17 14:50:35Z

-1

Use .foregroundStyle(Color1, Color2) But only Color1 will be displayed.

edited Aug 17, 2023 at 14:50

answered Aug 17, 2023 at 10:04

Mohammed Shaheen

12 bronze badges

Collectives™ on Stack Overflow

How to change color of Image within SwiftUI Picker menu-item?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related