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!

Reply to this topic…

You need to create an account or log in to reply.

All interactions here are governed by our code of conduct.