Module 3 of 3 in Getting Started with SwiftUI

SwiftUI Navigation

Jun 20 2024, Swift 5.9, iOS 17.0, Xcode 15.0
Leave a rating/review

This module introduces the concept of navigation in SwiftUI, providing students with the skills to guide users through their app’s content seamlessly. Students will learn how to implement various navigation styles, manage hierarchical navigation structures, and handle simple navigation scenarios. This module will cover the latest advancements in SwiftUI’s navigation capabilities, ensuring that students are equipped with the necessary skills to build modern applications. By Bill Morefield.

Start learning for free
 
EXPERIENCE
Beginner level
EST TIME TO COMPLETE
56 mins
CONTENT
3 lessons
Share
Save for later

Module outcomes

  • Understand how navigation behaves and is structured in a SwiftUI app.
  • Define new navigation types such as navigation stack and navigation split views.
  • Create a new SwiftUI project that uses TabView.

Covered concepts

  • SwiftUI Navigation
  • NavigationStack
  • Managing Navigation Paths and Destinations
  • TabView

Module content

1
Setting Up a Navigation Stack Lesson (16 mins)

This module will begin with the importance of navigation in the user interface. It will then discuss the concept of the NavigationStack in SwiftUI and the concept of the navigation path. It will then discuss the Navigation Bar and how it relates to the navigation stack and customizing the navigation bar.

 Start
Introduction • Start Reading · 2 mins
Setting Up a Navigation Stack Reading · 8 mins
Demo Video · 5 mins
Conclusion Reading · 1 min
Quiz: Setting Up a Navigation Stack 6 questions
2
Hierarchical Navigation Structures Lesson (24 mins)

The lesson begins with the description of the concept of hierarchical navigation. From there it introduces the NavigationSplitView view and the implementation of two and three column navigation and the sidebar. The lesson then shows implementing content views and linking them to the sidebar. The lesson concludes with the implementation of paths and programmatically performing navigation.

 Start
Introduction • Start Reading · 1 min
Hierarchical Navigation Structures Reading · 12 mins
Demo Video · 10 mins
Conclusion Reading · 1 min
Quiz: Hierarchical Navigation Structures 4 questions
3
TabView in SwiftUI Lesson (17 mins)

This lesson will begin with the description of tabs, how they differ from hierarchical navigation and when to use them instead. It will then discuss the TabView and tabItem views and how they work together to create a tabbed view. Then the reader will customize the icons and text for the tabs and learn to set badges on a tab. Finally the reader will learn how to programmatically set and track changes to the tabs.

 Start
Introduction • Start Reading · 3 mins
TabView in SwiftUI Reading · 7 mins
Demo Video · 6 mins
Conclusion Reading · 1 min
Quiz: TabView in SwiftUI 4 questions