SwiftUI .underline()

Christine_Yang's avatar
Published Jan 23, 2023Updated Mar 2, 2023
Contribute to Docs

The .underline() view modifier in SwiftUI applies an underline style to text characters in a View.

  • Learn how to build iOS applications with Swift and SwiftUI and publish them to Apples' App Store.
    • Includes 7 Courses
    • With Certificate
    • Beginner Friendly.
      13 hours
  • A powerful programming language developed by Apple for iOS, macOS, and more.
    • Beginner Friendly.
      12 hours

Syntax

Text("This text will be underlined")
    .underline()

The .underline() modifier is applied to all characters within the Text (which conforms to the View protocol).

Example

The following example creates some underlined text:

var body: some View {
Text("Underlined text")
.underline()
}

In the above example, the .underline() modifier is called on the Text view. This applies an underlined style to all characters within the Text.

This will display the following:

SwiftUI ViewModifier Underline

All contributors

Contribute to Docs

Learn SwiftUI on Codecademy

  • Learn how to build iOS applications with Swift and SwiftUI and publish them to Apples' App Store.
    • Includes 7 Courses
    • With Certificate
    • Beginner Friendly.
      13 hours
  • A powerful programming language developed by Apple for iOS, macOS, and more.
    • Beginner Friendly.
      12 hours