Published in


Let’s Build Activity Ring in SwiftUI

In this article, we will replicate the activity ring from Apple Watch in SwiftUI.

Let’s get started. We will start by building a path in a custom shape struct. This shape will draw an arc path for the ring shape. This shape will take percent as a parameter; this parameter will represent the overall percentage completed for a given ring.

struct RingPath: Shape {



-- is all about sharing knowledge by practical means. We focus on solving real world challenges via code.

Recommended from Medium

Checkra1n Jailbreak iOS 14

Sam bingner teased a screenshot of Checkra1n jailbreak was successful on his testing iPhone with iOS 14 beta running

iOS 13 Checklist For Developers

Async Await — Refactor Your Old Swift Code

Deadlock with Dispatch Semaphore

Jailbreak iOS 13.5.1

SwiftUI 4 — Gradients and Shadows

New in SwiftUI 4: Resizable Bottom Sheet

Reactive MVVM Pattern in UIKit

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


DevTechie creates tutorials at Also video courses on: and courses on:

More from Medium

HoverEffect in SwiftUI

SwiftUI Pro Tips: PreferenceKey

MultiSheets Done Right in SwiftUI

What is the advantages MainActor in SwiftUI ?