NEW: Learn SwiftUI with my free YouTube video series! >>

< How to create static labels with a Text view   How to format text inside text views >

How to style text views with fonts, colors, line spacing, and more

Not only do text views give us a predictably wide range of control in terms of how they look, they are also designed to work seamlessly alongside core Apple technologies such as Dynamic Type.

By default a Text view has a “Body” Dynamic Type style, but you can select from other sizes and weights by calling .font() on it like this:

Text("This is an extremely long text string that will never fit even the widest of Phones")
    .font(.largeTitle)

We now have two modifiers below our text view, and that’s OK – you can just stack them up, and they all take effect.

In particular, now that we have multiple lines you will want to adjust their text alignment so the lines are centered, like this:

Text("This is an extremely long text string that will never fit even the widest of Phones")
    .font(.largeTitle)
    .multilineTextAlignment(.center)

We can control the color of text using the .foregroundColor() modifier, like this:

Text("The best laid plans")
    .foregroundColor(Color.red)

You can also set the background color, but that uses .background() because it’s possible to use more advanced backgrounds than just a flat color. Anyway, to give our layout a yellow background color we would add this:

Text("The best laid plans")
    .background(Color.yellow)
    .foregroundColor(Color.red)

There are even more options. For example, we can adjust the line spacing in our text. The default value is 0, which means there is no extra line spacing applied, but you can also specify position values to add extra spacing between lines:

Text("This is an extremely long string that will never fit even the widest of Phones")
    .font(.largeTitle)
    .lineSpacing(50)

LEARN SWIFTUI FOR FREE I wrote a massive, free SwiftUI tutorial collection, and also have a growing list of free SwiftUI tutorials on YouTube – get started today!

< How to create static labels with a Text view   How to format text inside text views >
MASTER SWIFT NOW
Buy Testing Swift Buy Practical iOS 12 Buy Pro Swift Buy Swift Design Patterns Buy Swift Coding Challenges Buy Server-Side Swift (Vapor Edition) Buy Server-Side Swift (Kitura Edition) Buy Hacking with macOS Buy Advanced iOS Volume One Buy Advanced iOS Volume Two Buy Hacking with watchOS Buy Hacking with tvOS Buy Hacking with Swift Buy Dive Into SpriteKit Buy Swift in Sixty Seconds Buy Objective-C for Swift Developers Buy Beyond Code

Was this page useful? Let me know!

Average rating: 4.7/5

Click here to visit the Hacking with Swift store >>