Back to Browse

Navigations, Lists, & Tab Bar | SwiftUI101 | Xcode Tutorial

195 views
Nov 4, 2024
23:19

Dynamic Lists & Navigation in SwiftUI with Tab Bar 🚀 In this video, we’ll cover essential SwiftUI navigation concepts by building dynamic lists and exploring multi-screen navigation with NavigationLink and TabView. You’ll learn how to set up and style a list, navigate between views, and add a tab bar for easy access to different sections. Perfect for beginners looking to master the basics of SwiftUI navigation! What You’ll Learn: Creating Dynamic Lists: Using List to create flexible, scrollable lists. Using NavigationLink: Setting up navigation between views with NavigationLink. Adding a Tab Bar: Creating a multi-tab navigation system using TabView. Styling Lists and Tabs: Customizing the appearance of your lists and tab items. By the end of this tutorial, you’ll have a strong foundation in using SwiftUI’s navigation tools, allowing you to create seamless, user-friendly interfaces with dynamic lists and tab bars. 🎉 Clone or download the full demo project here: 📁 GitHub Repo: https://github.com/NDCSwift/SwiftUIListsNavigation 🔥 Download My Project Files & More! 🔥 👉 Get the source code for this project & other Swift resources here: 🔗 https://ndcswift.github.io/Swift-Projects/ Subscribe for more bite-sized lessons and full tutorials on Swift, SwiftUI, and UIKit. Links: Xcode: https://developer.apple.com/xcode/ Swift Documentation: https://www.swift.org/documentation/ Timestamps: 0:00 Intro 0:17 Overview of stacks 0:52 Creating an Array 2:10 Navigation Stack 2:35 Creating List 4:24 Adding our DetailView 5:32 Displaying our Details 8:27 Using Navigation Link 10:10 Customizing our list 14:17 Tab Bar Project set up 15:18 Tab Bar creation 21:08 Too many tab items 22:13 Changing tab colors 22:57 Wrap up

Download

1 formats

Video Formats

360pmp436.2 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Navigations, Lists, & Tab Bar | SwiftUI101 | Xcode Tutorial | NatokHD