Add underline and strikethrough styles to Text

Since iOS 15 and macOS 12 we can create SwiftUI Text views with AttributedString.

Within the AttributedString we can assign underlineStyle and strikethroughStyle attributes to particular ranges of string. SwiftUI Text view then renders these styles appropriately.

We can use Text.LineStyle to customize the pattern and the color of the line.

struct ContentView: View {
    var attributedString: AttributedString {
        var result = AttributedString("Hello World!")
        result.underlineStyle = Text.LineStyle(
            pattern: .dash, color: .purple)
        return result
    }
    
    var body: some View {
        Text(attributedString)
    }
}

If you are enjoying our blog and would like to support us, you can sponsor us on GitHub.

Subscribe to our monthly newsletter to get exclusive Swift and SwiftUI tips, project updates, behind-the-scenes insights, and special discounts on our books.