Learn how to develop an Apple Watch app with SwiftUI

Learn how to develop an Apple Watch app with SwiftUI

What app will you develop?

In this SwiftUI project, we will develop the missing Notes application for Apple Watch using the SwiftUI framework. By developing this standalone Apple Watch app, we will get familiar with the robust watchOS framework.

Learn how to use watchOS with SwiftUI

By developing this Notes app, we will learn how to save notes directly to the watch. Then we will see how we can browse through and read all notes using a SwiftUI list. Of course, there will be deleting any notes option too.

Besides that, we will create a well-designed detail view for each note item.
You will be surprised how many input solutions are provided for us by the watchOS framework.

For example, users can dictate, scribble, select one of the emojis or type text using the iPhone or even iPad devices.

But we won't stop learning the basics, and we are going to extra mile by developing an extra feature: a setting to adjust the number of text lines in the notes collection.

We will focus on using SwiftUI instead of using the old WatchKit framework since it is a cross-platform toolkit.

Workbook

You can download the PDF workbook file of this watchOS project and take a deep look at all of the various app development topics that we’re going to cover in this SwiftUI tutorial.

What will you build in Xcode?

Asset files and Graphics

Unlike any other online SwiftUI courses and books, this masterclass provides you professionally-made asset files, such as graphics, app icons, sounds, and so on.

These supplemental learning materials will give you a real-life experience of how a professional app developer works within a real-life environment with UI designers together.

My goal with all this, to help you to enjoy the development process, so you can be satisfied by looking at the finished application.

What are the main learning objectives of this Apple Watch tutorial?

  • How to develop a standalone Apple Watch application with SwiftUI

  • How to get familiar with the basics of the watchOS framework

  • How to create multiple views and navigate between these views

  • How to permanently save notes and store data on Apple Watch

  • How to show a list of notes on Apple Watch

  • How to select and delete notes from Apple Watch

  • How to show SwiftUI views conditionally

  • How to create and utilize uniform design language across pages

  • How to use Swift's Codable protocol for serialization

  • How to test a Watch app fullscreen in Simulator or on a device

  • How to develop a new feature using SwiftUI's Slider element

  • How to create custom user interface elements

  • How to add icons and asset files to a Watch extension

  • How to use the input tools: Dictate, Scribble, Emoji, Type

SwiftUI loves watchOS

watchOS brings SwiftUI to all aspects of watchOS app development. Navigation patterns are aligned with other platforms to bring watch-specific representations of tab views and list views. Navigation bars can now be fully customized using SwiftUI to allow for custom elements, tinting, and dynamic changes at runtime.

Official Documentation

watchOS

Develop even more powerful and personal apps for Apple Watch with the new capabilities of watchOS. Brand new APIs and tools, like multiple complications APIs, SwiftUI Complications, and Xcode Previews, let you create customized faces quickly and easily. And with Face Sharing, people can share your complications via Messages, the web, and more.

Official Documentation

App Gallery

A picture is worth a thousand words. Let’s look at the gallery of this Notes app for Apple Watch build with the SwiftUI framework.

iOS 14 app icon
Launch Screen
SwiftUI home screen
Xcode editor
Widgets
To-do application
iOS 14 Simulators
iOS 14 app with SwiftUI
iOS Widgets
Xcode's Simulators
Setting up a widget
Adding new to-do item
SwiftUI widgets
Launch Screen with SwiftUI
iOS app icon
To-to list
Large widget
To-do list and widget
Xcode editor
SwiftUI visual effects
Light mode in iOS
Home screen
iPhones
SwiftUI screens

Learn watchOS and become an app developer

In every month we will add a new project and learning materials to the best SwiftUI course in 2022 and beyond. By the end of this year this online course will be more than 50+ hours long.
From totally beginner to advanced app developer with this complete Apple Watch and SwiftUI app development course programming in Xcode.

Xcode

This Apple Watch app development tutorial is part of the
SwiftUI Masterclass Course.

Learn app development with SwiftUI and watchOS

47289+

Total Students

36+

Hours Videos

16

Total Courses

2025

Edition

January

Last Updated

4.6

Ratings

SwiftUI Course
Blender 3D Masterclass
Augmented Reality Masterclass
Blender 3D Masterclass