How To Use NavigationStack In SwiftUI | A Beginners Guide To Navigation In SwiftUI

How To Use NavigationStack In SwiftUI | A Beginners Guide To Navigation In SwiftUI

**********************************

*Timestamps:*

00:00 - Intro
01:26 - Le Problem
02:21 - Brief iOS E-commerce app Project Breakdown
03:05 - How To Replace A NavigationView With A NavigationStack In SwiftUI
06:13 - How To Use navigationdestination In SwiftUI
09:29 - How To Use Custom Types With Navigation Destination
13:22 - How To Add Multiple Navigation Destinations In SwiftUI
22:00 - How To Use NavigationPath In SwiftUI
30:59 - iPad support and styles
31:48 - Summary

Enjoying the video? Then why stop here 🤷🏾‍♂️

Enjoy the rest of this course here in this playlist 👇🏾

Become A SwiftUI Navigation Pro (All Levels | SwiftUI Navigation Stack | iOS Deep Links | iOS Push Notifications | SwiftUI Multiplatform)

**********************************

In this SwiftUI tutorial, we're going to take a look at how to handle navigation in SwiftUI, by building an iOS Shopping App, in this ios e-commerce app tutorial. Using the new navigation api's available in iOS16. We're going to take a look at how we can migrate an existing app using NavigationView to use NavigationStack in SwiftUI, alongside NavigationLink in SwiftUI too.

We'll then look at the new navigation destination function that allows us to listen to routes that we want to navigate to in our SwiftUI apps. As well as how to implement programmatic navigation in SwiftUI too.

If you're new to SwiftUI or want to learn more about NavigationStack, then this video is for you! By the end of this tutorial, you'll know how to create a basic NavigationStack in SwiftUI and use it to navigate your app. Also, you can find all the ios shopping app source code in the description box below.

**********************************

*Check Out My Courses 👨🏽‍🏫*

Enjoy my teaching style? Check out my other courses on my website that may interest you, they range from beginner to advanced topics within iOS development.

*Link to Website*

**********************************

*Join the crew 🤝*

Want to help support the channel? Become a member with the join link below and get access to exclusive badges and stickers, as well as other perks that are coming soon.

*Become a channel member*

*Support in other ways 💕*

You can support me for free and help the channel grow so that I can continue to make the best iOS development content for you by liking, commenting, subscribing, and hitting the notification bell.

All of this really helps my channel grow and allows me to keep on making content for you. If you’re interested in subscribing to the channel then you can do so with the link below.

*Subscribe to the tundsdev YouTube channel*

**********************************

*Download Source Code*

Interested in looking at the source code? Then check out the GitHub Repo below

**********************************

EditorKeys
View Editor Keys Amazing Products with the link below and use the discount code for 10% off any product

Get a 10% Discount Code on any product with the code below
TUNDSDEV

See my keyboard cover in action with my review below 👇🏾

**********************************

RØDE Wireless Mic

RØDE SmartLavPlus Microphone

2021 Apple MacBook Pro (16-inch, Apple M1 Pro chip with 10‑core CPU and 16‑core GPU, 16GB RAM, 1TB SSD) - Space Grey

Apple Magic Keyboard with Numeric Keypad (Wireless, Rechargeable) 

Apple Magic Mouse

Secretlab TITAN 2020 Charcoal Blue Gaming Chair

ErgoFoam Ergonomic Foot Rest for Under Desk

Lumbar Support Pillow

Macbook Stand for Apple Macbook and All Notebooks

Portable Chair Green Screen Background

**********************************

#iosdev #iosdevelopment #swift #swiftlanguage #xcode #appdevelopment #mobileappdevelopment #iosappdevelopment #appdeveloper #iosprogramming #iosengineer #appdevelopmenttips #iosdevelopmenttips #swiftui

[edgariscoding]

Great content! I love how clear you are in your explanations and how you show the code in real time with the preview

[petrsmejkal]

Thanks a lot for your videos! I really like your teaching style:)

[sxmiotb]

You really make Swift so easy and fun. We can’t thank you enough.

[maciusessa]

Great video. Not so much of this kind of content on today's YouTube. Thank You so much. BTW: I added Mars bar and Tiramisu to desserts :D

[MoAdel]

you courses are really a bless to the community, i don't know if you remember me from previous comment but i am digging hard enough from the first video on this channel and progressing to the newer videos
these easy access free courses is really a valuable gift .

[dlewisdev]

Excellent video, I thought I understood navigation but I had barely scratched the surface. Excited to continue this course!

[CalmVink]

Fantastic video! Your clear explanations made SwiftUI much less daunting. Subscribed and can't wait for more!

[slavihinkov]

Finally the video I was waiting for :D

[abdouett]

Thank you for sharing! Please, could you make same advanced SwiftUI videos ?

[SanusiAdewale]

In the Food model, why does it have a type, Decimal and not Float of Double?

[MrMisterSin]

Thank you for your videos!
What do you think about separating the logic of navigation and our views?
I am a React Native developer, it is considered good practice for us to separate navigation and screens.
But I haven't found a good solution for this problem in SwiftUI yet

[kenturnbull]

Good Video. Any chance of updating this again to use SwiftData? Could be a Jam Butty in it.

[ShreyasSane]

Amazing content man - just starting out with SwiftUI relieved I discovered your channel early on 🫡

[diegosvega]

Hi! I'm new to SwiftUI, I have this piece of code that's not working. BUT when I comment out FeedCellView and leave just the navigation link it works! so somethings fishy here and don't know what haha. Do you know what can be the issue with having two views inside the ForEach, and one of those being inside the NavigationLink?

Thanks!!

LazyVStack(spacing: 32) {
ForEach(viewModel.posts, id: \.self) { post in
VStack {
NavigationLink(destination: ProfileView(user: post.user!)) {
FeedCellTitleView(post: post)
.foregroundColor(colorScheme == .dark ? .white : .black)
}

FeedCellView(post: post)
}
}
}