How to round the corners of a view

Paul Hudson    @twostraws    May 19th 2020

Updated for Xcode 12.0

Any SwiftUI view can have its corners rounded using the cornerRadius() modifier. This takes a simple value in points that controls how pronounced the rounding should be.

So, you can create a text view with 25-point rounded corners like this:

Text("Round Me")
    .padding()
    .background(Color.red)
    .cornerRadius(25)

SPONSORED Are you tired of wasting time debugging your Swift app? Instabug’s SDK is here to help you minimize debugging time by providing you with complete device details, network logs, and reproduction steps with every bug report. All data is attached automatically, and it only takes a line of code to setup. Start your free trial now and get 3 months off exclusively for the Hacking with Swift Community.

Start your free trial!

Sponsor Hacking with Swift and reach the world's largest Swift community!

Similar solutions…

• SwiftUI tips and tricks
• Building a menu using List
• What’s the difference between @ObservedObject, @State, and @EnvironmentObject?
• How to synchronize animations from one view to another with matchedGeometryEffect()
• How to fix “Modifying state during view update, this will cause undefined behavior”