How to use Circle in SwiftUI

Circles show up everywhere in our apps. SwiftUI makes them insanely easy to use

Photo by Erlend Ekseth on Unsplash

Traditionally, you would create a UIView and do some calculations to create a circle. With SwiftUI, you can create a circle easily without any calculation which will save you tons of time developing your project.

You should be seeing the pattern here where SwiftUI does all the minor work for you.

In this tutorial, you’ll learn what it takes to build a circle from scratch in SwiftUI.

Prerequisites

To follow along with this tutorial, you’ll need some basic knowledge.

• A basic familiarity with Swift.
• At least Xcode 11.

Circle

To create a Circle, simply call the following code:

Circle()

If the circle is too big, you can adjust the size accordingly.

.frame(width: 100, height: 100)