How to build an iOS Streaks App and Widget
CodeWithChris CodeWithChris
587K subscribers
10,178 views
0

 Published On Jun 23, 2023

In this video, you’ll learn how I built a streaks app with a complimentary iOS widget and how I kept the data in sync using App Groups. You’ll also learn about iOS widgets and how they work.

Sign up to our newsletter to download the Source code and project: https://www.getdrip.com/forms/4303814...

Links and references from the video:
- CWC+: https://learn.codewithchris.com/colle...
- Timeline Provider: https://developer.apple.com/documenta...
- AppIntents:https://developer.apple.com/documenta...
- Keeping a widget up to date: https://developer.apple.com/documenta...
- @KavSoft Circular Progress Ring:    • SwiftUI 3.0 Apple Bed Time Circular S...  

Steps:
00:56 Start the Xcode project
01:21 Add the counter and button
03:26 Build the progress ring
08:53 Style the text and background
12:02 Add a widget extension
13:53 Walkthrough of the Widget code
25:33 Set up an App Group
29:49 Set up the DataService in the Widget
31:35 Build the Widget UI
38:07 Manually update the widget from the app
39:37 Add an app intent to the project

show more

Share/Embed