Mastodawn

Marco Arment Jul 10, 2023

Little SwiftUI trick I found somewhere on the internet that everyone should know:

You can put SF Symbols perfectly inline with Text by… creating a Text with the symbol Image (?) and then adding the Texts together (!).

The subhead here is:

(
Text(Image(systemName: "cloud”)) .accessibilityLabel(“Streamable, ”) +
Text(" ") +
Text(dateStr)
)

A handy utility function to generate these: https://gist.github.com/marcoarment/fdd9c19995e8f9d16bc2d10cd8cefe39

SwiftUI Text with inline SF Symbols

SwiftUI Text with inline SF Symbols. GitHub Gist: instantly share code, notes, and snippets.

Gist

Show thread

Brandon Horst Jul 10, 2023

@marcoarment is this better than using Label?

Show thread

Gernot Jul 10, 2023

@brandonhorst @marcoarment Depends on what you want to achieve. I would totally prefer Label in most cases as you can apply a LabelStyle.

Show thread

Gernot

@brandonhorst @marcoarment Or in the case depicted in the Screenshot maybe even LabeledContent and a LabeledContentStyle (maybe with an internal LabelStyle). The would keep it semantically independent and you could throw the same view somewhere else like a List Cell or a GroupBox and it would just adjust.