Book Image

Learn SwiftUI

By : Chris Barker
Book Image

Learn SwiftUI

By: Chris Barker

Overview of this book

SwiftUI is the new and powerful interface toolkit that lets you design and build iOS, iPadOS, and macOS apps using declarative syntax. It is a powerful way to develop the UI elements of applications, which would normally be tightly coupled to application logic. Learn SwiftUI will get you up to speed with the framework and cross-device UI development in no time. Complete with detailed explanations and practical examples, this easy-to-follow guide will teach you the fundamentals of the SwiftUI toolkit. You'll learn how to build a powerful iOS and iPadOS application that can be reused for deployment on watchOS. As you progress, you'll delve into UI and unit testing in iOS apps, along with learning how to test your SwiftUI code for multiple devices. The book will also show you how to integrate SwiftUI features such as data binding and network requests into your current application logic. By the end of this book, you will have learned how to build a cross-device application using the SwiftUI framework and Swift programming.
Table of Contents (17 chapters)

Using SwiftUI to create a list of recipes

We'll start with something simple as more of a proof of concept of how watchOS can harness SwiftUI. We'll also learn how we can reuse some of our classes and models from our parent application.

Creating a List() view in watchOS

Let's start by heading on over to our ContentView.swift. Now, remember, that's ContentView.swift in our My Favourite Recipes Watch Extension group (not our parent app). Make the following highlighted changes:

struct ContentView: View {

var recipes = [RecipeModel]()

var body: some View {
VStack {
List(recipes, id: \.id) { recipe in