How do pass a string with an Image in SwiftUI

Question

How do you pass a string that contains an Image in SwiftUI?

This works:

struct ContentView: View {
    var body: some View {
        Text("\(Image(systemName: "apple.logo")) Sign in with Apple")
            .padding()
    }
}

This does not work:

struct ContentView: View {
    var text = "\(Image(systemName: "apple.logo")) Sign in with Apple"
    var body: some View {
        Text(text)
            .padding()
    }
}

If I try to pass the string as a stored variable SwiftUI doesn't show the image.

*string that contains an Image* is a contradiction in terms. `String` and `Image` are not related to each other (the Unicode Emojis are a special case). Use `Label` as suggested by Joakim. — vadian, Feb 07 '23 at 17:26
I updated my answer. I'm not sure everyone understands that you can pass an Image inside a string for Text. — Berry Blue, Feb 12 '23 at 21:00

Joakim Danielson · Accepted Answer · 2023-02-12T21:28:51.693

2

Use a Label instead of a Text component

Label("Sign in with Apple", systemImage: "apple.logo")

or if you want to use a string property then you must declare it as a LocalizedStringKey so that the right init will be called

var text:LocalizedStringKey = "\(Image(systemName: "apple.logo")) Sign in with Apple"

(without this it looks like what is used is the description property from CustomStringConvertible)

Have a look at this question and answer for some more in depth information about LocalizedStringKey

edited Feb 12 '23 at 21:28

answered Feb 07 '23 at 16:28

Joakim Danielson

43,251
5
22
52

I have a more complicated use case with multiple images in the string. I'm not understanding why it works passed as a string and not as a computed property. – Berry Blue Feb 12 '23 at 16:49
I updated my answer. If the string is passed directly to Text it works. – Berry Blue Feb 12 '23 at 20:59
See my updated answer for another way to do this. – Joakim Danielson Feb 12 '23 at 21:29

How do pass a string with an Image in SwiftUI

1 Answers1