Set colors on specific text inside Text() View

So let’s say that I have the following code:

Text("(Open)")
    .font(.caption2.weight(.bold))

I want to set .foregroundColor(.green) to just "Open" and not the parentheses inside view.

Is there a way to target just a specific piece inside a Text() view and apply modifiers to it?

>Solution :

You can use the addition operator + with Text like you would on regular strings like so :

Text("(").font(.caption2.weight(.bold)) +
Text("Open").font(.caption2.weight(.bold)).foregroundColor(.green) +
Text(")").font(.caption2.weight(.bold))