How to round the corners of a view
Updated for Xcode 13.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 15-point rounded corners like this:
Text("Round Me")
.padding()
.background(Color.red)
.cornerRadius(15)
Download this as an Xcode project
You can automatically round the shortest edge fully by using the clipShape() modifier with a Capsule, like this:
Text("Round Me")
.padding()
.background(Color.red)
.clipShape(Capsule()) Download this as an Xcode project
SPONSORED Join a FREE crash course for iOS devs who want to become complete senior developers — from October 18th to 24th. Learn how to apply iOS app architecture patterns through a series of lectures and practical coding sessions.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
