SOLVED: Displaying a system image in a different color than the text

@flaneur7508

Apr '23

A seemingly simple question but I can't figure it out.

I have the following label for a button

I'd like to display the image in Orange, and the text in White. I know that I can use foregroundcolor to change the entire lable but I only want to change the color of the image.

Any ideas?

Thank you!

Label("Here is some text, I just want to display the bubble image in Orange. Please help :) .", systemImage: "questionmark.bubble")
            }
                    .font(.system(size: 16, weight: .light, design: .rounded))
                    .multilineTextAlignment(.center)

@ygeras

Apr '23

Hi! Use this initializer for label

 Label {
                Text("Here is some text, I just want to display the bubble image in Orange. Please help :) .")
                    .font(.system(size: 16, weight: .light, design: .rounded))
                    .multilineTextAlignment(.center)
            } icon: {
                Image(systemName: "questionmark.bubble")
                    .foregroundColor(.orange)
            }

@flaneur7508

Apr '23

Awesome. Thank you again @ygeras :))))

Sponsor Hacking with Swift and reach the world's largest Swift community!

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

All interactions here are governed by our code of conduct.