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

< How to style text views with fonts, colors, line spacing, and more   How to draw images using Image views >

How to format text inside text views

SwiftUI’s text views have an optional formatter parameter that lets us customize the way data is presented inside the label. This is important because often values are updated for us when something happens in our program, so by attaching a formatter SwiftUI can make sure our data looks right on our behalf.

For example, this defines a date formatter and uses it to make sure a task date is presented in human-readable form:

struct ContentView: View {
    static let taskDateFormat: DateFormatter = {
        let formatter = DateFormatter()
        formatter.dateStyle = .long
        return formatter
    }()

    var dueDate = Date()

    var body: some View {
        Text("Task due date: \(dueDate, formatter: Self.taskDateFormat)")
    }
}

That will display something like “Task due date: June 5 2019”.

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 style text views with fonts, colors, line spacing, and more   How to draw images using Image 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.3/5

Click here to visit the Hacking with Swift store >>