SwiftUI Cookbook

By : Giordano Scalzo, Edgar Nzokwe

SwiftUI Cookbook

By: Giordano Scalzo, Edgar Nzokwe

Overview of this book

SwiftUI is an innovative and simple way to build beautiful user interfaces (UIs) for all Apple platforms, right from iOS and macOS through to watchOS and tvOS, using the Swift programming language. In this recipe-based book, you’ll work with SwiftUI and explore a range of essential techniques and concepts that will help you through the development process. The recipes cover the foundations of SwiftUI as well as the new SwiftUI 2.0 features introduced in iOS 14. Other recipes will help you to make some of the new SwiftUI 2.0 components backward-compatible with iOS 13, such as the Map View or the Sign in with Apple View. The cookbook begins by explaining how to use basic SwiftUI components. Then, you’ll learn the core concepts of UI development such as Views, Controls, Lists, and ScrollViews using practical implementation in Swift. By learning drawings, built-in shapes, and adding animations and transitions, you’ll discover how to add useful features to the SwiftUI. When you’re ready, you’ll understand how to integrate SwiftUI with exciting new components in the Apple development ecosystem, such as Combine for managing events and Core Data for managing app data. Finally, you’ll write iOS, macOS, and watchOS apps while sharing the same SwiftUI codebase. By the end of this SwiftUI book, you'll have discovered a range of simple, direct solutions to common problems found in building SwiftUI apps.

Preface

Who this book is for

What this book covers

To get the most out of this book

Download the example code files

Conventions used

Get in touch

Reviews

Chapter 1: Using the Basic SwiftUI Views and Controls

Technical requirements

How to lay out components

Dealing with text

Using images

Adding buttons and navigating with them

Beyond buttons – how to use advanced pickers

How to apply groups of styles using ViewModifiers

Separating presentation from content with ViewBuilder

Simple graphics using SF Symbols

The best of both worlds – integrating UIKit into SwiftUI

Adding SwiftUI to an existing app

More views and controls (iOS 14+)

Free Chapter

Chapter 2: Going Beyond the Single Component with Lists and Scroll Views

Technical requirements

Using scroll views

Creating a list of static items

Using custom rows in a list

Adding rows to a list

Deleting rows from a list

Editing a list

Moving rows in a list

Adding sections to a list

Using LazyHStack and LazyVStack (iOS 14+)

Using LazyHGrid and LazyVGrid (iOS 14+)

Using ScrollViewReader (iOS 14+)

Using expanding lists (iOS 14+)

Using disclosure groups to hide and show content (iOS 14+)

Chapter 3: Viewing while Building with SwiftUI Preview

Technical requirements

Previewing the layout in dark mode

Previewing the layout at different dynamic type sizes

Previewing the layout in a navigation view

Previewing the layout on different devices

Using previews in UIKit

Using mock data for previews

Chapter 4: Creating New Components and Grouping Views in Container Views

Technical requirements

Showing and hiding sections in forms

Disabling/enabling items in a form

Navigating between multiple views with TabView

Using gestures with TabView

Chapter 5: Presenting Extra Information to the User

Technical requirements

Presenting alerts

Adding actions to alert buttons

Presenting multiple alerts

Presenting ActionSheet views

Showing a sheet modally

Creating a context menu

Implementing a popover

Chapter 6: Drawing with SwiftUI

Technical requirements

Using SwiftUI's built-in shapes

Creating a dashed border in SwiftUI

Drawing a custom shape

Drawing a curved custom shape

Using UIBezierPath with SwiftUI

Implementing a progress ring

Implementing a Tic-Tac-Toe game in SwiftUI

Rendering a gradient view in SwiftUI

Rendering a border with a gradient

Filling a border with an image

Building a bar chart

Building a pie chart

Chapter 7: Animating with SwiftUI

Technical requirements

Creating basic animations

Transforming shapes

Creating a banner with a spring animation

Applying a delay to a view modifier animation to create a sequence of animations

Applying a delay to a withAnimation function to create a sequence of animations

Applying multiple animations to a view

Creating custom view transitions

Creating a hero view transition with .matchedGeometryEffect

Creating an animated pressable button

Lottie animations in SwiftUI

Implementing a stretchable header in SwiftUI

Creating floating hearts in SwiftUI

How to implement a swipeable stack of cards in SwiftUI

Chapter 8: Driving SwiftUI with Data

Technical requirements

Using @State to drive Views behavior

Using @Binding to pass a state variable to child Views

Implementing a CoreLocation wrapper as @ObservedObject

Sharing state objects with multiple views using @EnvironmentObject

Chapter 9: Driving SwiftUI with Combine

Technical requirements

Introducing Combine in a SwiftUI project

Managing the memory in Combine to build a timer app

Validating a form using Combine

Fetching remote data using Combine and visualizing it in SwiftUI

Debugging an app based on Combine

Unit testing an app based on Combine

Chapter 10: Handling Authentication and Firebase with SwiftUI

Technical requirements

Implementing SwiftUI Sign in with Apple

Implementing UIKit Sign in with Apple to be used in SwiftUI

Integrating Firebase into a SwiftUI project

Using Firebase to sign in using Google

Implementing a distributed Notes app with Firebase and SwiftUI

Chapter 11: Handling Core Data in SwiftUI

Technical requirements

Integrating Core Data with SwiftUI

Showing Core Data objects with @FetchRequest

Adding Core Data objects to a SwiftUI view

Filtering Core Data requests using a predicate

Deleting Core Data objects from a SwiftUI view

Chapter 12: Cross-Platform SwiftUI

Technical requirements

Creating an iOS app in SwiftUI

Creating the macOS version of the iOS app

Creating the watchOS version of the iOS app

Chapter 13: SwiftUI Tips and Tricks

Technical requirements

Snapshot testing SwiftUI views

Unit testing SwiftUI with ViewInspector

Implementing a multilanguage app with localized strings in SwiftUI

Showing a PDF in SwiftUI

Embedding a MapView in SwiftUI

Embedding a UIKit MapView in SwiftUI

Implementing SwiftUI views using Playground

Using custom fonts in SwiftUI

Implementing asynchronous images in SwiftUI

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Unit testing an app based on Combine

I must confess that the topic of this recipe is very close to my heart: unit testing an app based on Combine.

We are going to implement an app that retrieves a list of GitHub users and shows them in a list view.

The code is pretty similar to the one in the Fetching remote data using Combine and visualizing it in SwiftUI recipe, but in this case we'll see how to unit test it—something that, even if it is very important, isn't well covered in documentation and tutorials.

Getting ready

Let's open Xcode and create a SwiftUI app called GithubUsersApp, paying attention to enabling the Unit Tests:

Figure 9.12 – Creating a SwiftUI app with Unit Tests enabled

Then, add the githubUsers.json file to the GithubUsersAppTests folder. You can find it in the GitHub repository at https://github.com/PacktPublishing/SwiftUI-Cookbook/blob/master/Resources/Chapter09/recipe6/githubUsers.json:

...

SwiftUI Cookbook

By : Giordano Scalzo, Edgar Nzokwe

SwiftUI Cookbook

By: Giordano Scalzo, Edgar Nzokwe

Overview of this book

Related Content you might be interested in

Current Title:

SwiftUI Cookbook

Learn SwiftUI

SwiftUI Projects

Animating SwiftUI Applications

Unit testing an app based on Combine

Getting ready