SwiftUI Quick Tip: Apply Text Transformations

SwiftUI Quick Tip: Apply Text Transformations

Have you ever wondered how to apply text transformations in SwiftUI, such as small caps, lowercase small caps, or uppercase small caps? Itโ€™s actually pretty easy, as all available transformations are available and suggested by Xcode when specifying the font.

Consider the following example that applies the largeTitle font to text:

Before applying any transformation, itโ€™s necessary to explicitly set the class that the largeTitle belongs to:

Then, just press the dot key in your keyboard and Xcode will suggest all possible transformations that can be applied to the font:

For example, by applying the small caps effect on the text the result looks like this:

The only mandatory thing to do is to specify the Font class explicitly, as it seems that Xcode cannot infer it automatically. The above works for both system and custom fonts. Hereโ€™s another example that makes the system font bold with a custom size and applies a different effect:

And one last example using a custom font:

I hope that quick tip will be proved useful to you! These font transformations lead to nice visual results and can really make displayed texts more interesting and eye-catching!

Find more SwiftUI posts on SerialCoder.dev, as well as a big number of other tutorials and posts on Swift, iOS and macOS programming.

Like it? Share it!

Leave a Reply

Your email address will not be published. Required fields are marked *