SwiftUI Navigation API: A 1-Hour Crash Course

Name: SwiftUI Navigation API: A 1-Hour Crash Course
Rating: 4.6 (460 reviews)

Efficiently navigate through your SwiftUI apps with ease using the Navigation API - Build better iOS apps with SwiftUI

Created byMohammad Azam

Last updated 12/2023

English

English [Auto],Spanish [Auto],

What you'll learn

Understanding the basic concepts of SwiftUI Navigation API
Creating and customizing NavigationStack
Using NavigationLink to navigate between views
Programmatic navigation in SwiftUI
Implementing hierarchical navigation structures

Course content

5 sections • 19 lectures • 1h 23m total length

Introduction1:12
Explore the SwiftUI navigation API, covering prerequisites, exercise files, navigation stack, navigation link and destination, programmatic and global navigation, pop operations, and split view for iPad.
Prerequisites1:05
Identify the prerequisites for this course, requiring Swift knowledge and iOS 16 with the navigation stack and navigation API. This course is not intended to teach Swift basics.
Exercise Files0:36
Access the lecture-specific exercise files by downloading the zip from the resources, as every lecture includes its own set of files to support learning global navigation.

Hello NavigationStack3:19
Learn why to use navigation stack over deprecated navigation view for iOS 16+, and discover how navigation stack and navigation split view enable modern SwiftUI navigation.
NavigationLink with Title and Destination3:47
Learn how to implement navigation in iOS 16+ using the navigation stack with NavigationLink, including title and destination, destination and label, and value and label variants.
NavigationLink Value and NavigationDestination Modifier7:18
Explore how SwiftUI's navigation link uses a value and a navigation destination modifier to pass hashable data (like integers or strings) to destination views such as detail or customer views.
NavigationLink and NavigationDestination for List5:34
Explore list-driven navigation with navigation link and a value to pass a selected customer to a detail view, and place the navigation destination at a higher level to avoid duplication.

Introduction to Programmatic Navigation6:21
Explore the programmatic navigation by binding a numbers array to a navigation path, triggering dynamic navigation to destination views as items are added or removed.
Enum Routes for Navigation Path6:05
Model routes with an enum for SwiftUI navigation, pushing home and detail screens. Pass a customer to the detail view and drive navigation with a routes array.
Implementing Global Navigation7:13
Implement a global SwiftUI navigation engine by building an observable navigation state with routes, injected as an environment object, and managing the navigation stack at the app level.
NavigationPath10:47
explore navigation path in SwiftUI's navigation API, a type-erased list for managing routes via a navigation state and destinations like customer detail.
Pop to Root and Pop to Specific View6:27
Learn how to use a navigation stack to pop to the root or jump to a specific view by manipulating routes and the navigation state in SwiftUI.

Introduction to NavigationSplitView3:06
Explore navigation split view for devices, using two-column layouts with a sidebar and detail, or three-column layouts with sidebar, content, and detail, and populate sidebar to display selections in detail.
SideBar and Detail Interaction6:26
Learn to implement a navigation split view with a sidebar and detail, using a genre enum with case iterable, and bind the selection from the sidebar to drive detail view.
SideBar Menu and Movie List as Details5:16
Build a movie list view that filters by the selected genre and displays results in a sidebar-driven detail layout, using an identifiable movie model and a filtered movies property.
SideBar, Movie List and Movie Detail5:23
Explore building a three-column SwiftUI navigation split view that shows a movie detail in the third column by binding a selected movie from the list and using a detail view.
NavigationSplitView with NavigationStack3:11
Show how to build deeper hierarchies in a navigation split view by embedding a navigation stack in the detail panel and using links to reach a nested movie detail view.

Requirements

iOS developers who want to learn SwiftUI Navigation API
Basic knowledge of SwiftUI fundamentals

Description

SwiftUI Navigation API is an essential component of developing iOS apps, enabling users to navigate between views and pages seamlessly. This course will teach you how to master SwiftUI Navigation API and build engaging and intuitive user interfaces for your iOS apps.

In this one-hour course, you will learn how to implement SwiftUI Navigation API to build a dynamic and interactive app that responds to user interactions. You will begin by exploring the fundamental concepts of SwiftUI Navigation API, such as NavigationStack and NavigationLink. You will also learn how to leverage these components to create hierarchical navigation structures and implement various navigation styles.

The course will cover the following topics:

Understanding the basic concepts of SwiftUI Navigation API
Creating and customizing NavigationStack
Using NavigationLink to navigate between views
Programmatic navigation in SwiftUI
Implementing hierarchical navigation structures

By the end of this course, you will have a solid understanding of SwiftUI Navigation API and be able to create complex navigation structures for your iOS apps. You will also be able to customize navigation styles to match your app's brand and design.

Prerequisites:

Familiarity with Swift programming language
Basic knowledge of SwiftUI fundamentals

Who should take this course?

iOS developers who want to learn SwiftUI Navigation API
Anyone who wants to build engaging and intuitive user interfaces for their iOS apps
Beginners who want to get started with SwiftUI Navigation API

Who this course is for:

iOS developers who want to learn SwiftUI Navigation API
Anyone who wants to build engaging and intuitive user interfaces for their iOS apps
Beginners who want to get started with SwiftUI Navigation API

SwiftUI Navigation API: A 1-Hour Crash Course

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 3min

Introduction to NavigationStack4 lectures • 20min

Programmatic Navigation5 lectures • 37min

NavigationSplitView5 lectures • 23min

Conclusion2 lectures • 1min

Requirements

Description

Who this course is for: