Marco ArmentJul 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 threadBrandon Horst
@marcoarment is this better than using Label?
Jul 10, 2023 at 1:08pmWeb
Show threadGernotJul 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 threadGernotJul 10, 2023
@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.
Show threadRoman LefebvreJul 10, 2023
@brandonhorst @marcoarment In this particular case, I'm not sure but that approach also extends to putting your SF Symbol at the end of the Text or even in the middle of it.
Show threadChris WagnerJul 11, 2023
@brandonhorst @marcoarment for this type of situation it is. Text on both sides. It also works seamlessly with dynamic type.