SwiftUI Navigation - NavigationView & NavigationLink Tutorial

[@seanallen]

If you enjoyed my teaching/presentation style, I've created a SwiftUI Fundamentals course that you can find at seanallen.teachable.com. You can watch the first ~10% for free to get a feel for it.

[@dexteroreilly]

Thanks Sean! Your tutorials have helped me in the development of my contact tracing app for iOS. I can code for android in my sleep, but Swift is another story since I’ve never used it. Keep up the great work!

[@seanallen]

Thanks! Happy to help.

[@Monster33336]

Android is much harder in my opinion. Apple nailed it when they introduced Swift.

[@larsmees4952]

God, this video helped me solve an issue that I've been trying to solve for days! Thanks for the clear tutorial Sean!

[@marinab.6647]

changing the color of the buttons and the offset .. is what I needed. Thank you!

[@seanallen]

Happy to help!

[@PatrikManHora]

2:36 This piece of information is what I needed. I was putting nav controllers inside each other like an idiot...

[@seanallen]

Happy to help!

[@pleasewait8913]

Your all video is super good and easy to understand. It changed from state nightmare to state happymare. Thank you from the deep of my heart.

[@josstaneke5300]

Great tutorial. Like the fact you show directly what you change in your code in the preview.

[@seanallen]

Glad you like it!

[@Nilely]

Your videos makes understanding swift UI concept very easy. 👍

[@seanallen]

Glad to hear it, Nilesh!

[@polyglotmona]

3:33 into the video and I'm really loving you. I've tried many teachers in the last few months, but your style seems to be the one I can get the most out of. Do you know how many complicated tutorials there are that not even work, and beginners just don't know why and are lost and are getting depressed. So a big: Danke 💜 thank you 💛 gracias 🧡 merci 💙 grazie 💚 спасибо ❤ for your clear explanations, because they are easy-to-follow, clearly to see and they're working :)

[@polyglotmona]

by the way, when I hit rename, it couldn't preview, but I figured I'd search for more "ContentView" in the code and found it: The ContentView_Previews hadn't changed to RedOneView_Previews, so I changed it manually, and wooo - the preview worked :)

[@polyglotmona]

and I'm actually learning, when you say "and now resume - see, there's the green three" but there's a green 2 :D

[@seanallen]

Glad you're enjoying my teaching style!

[@ins3rt915]

Thanks so much dude, this is exactly what I needed!

[@seanallen]

Glad I could help!

[@boonyawatl]

Questions. I want to put the struct BlueTwoView in a separate file. How can I do that? I did it and it says Cannot find in scope. Thanks for your help

[@LEKYSMA]

Nice segue to the commercial at the end of the video

[@KiTO키토]

Nice tutorial! At first, I thought Gervonta Davis retired and started programming KZbin.

[@smow8618]

Thanks! I currently don’t have a Mac or any app,e computers for Xcode, but I’ve been using swift playgrounds and surprisingly I’ve been able to follow the entire video. But I needed to write a few lines of code for translation and whatever. Nice video though 👍

[@seanallen]

Interesting to hear how these work on Playgrounds as I've never tried that.... Glad it was helpful!

[@clayfulgham21]

This Video really cleared things up for me. Thanks

[@seanallen]

Happy to help, Clay.

[@fgpr999]

On the point tutorial. Very useful for an Android developer like me who is currently porting his app to iOS 😁

[@seanallen]

Glad it was helpful!

[@yashumaurya4500]

Guru ji Pranam . Love from India

[@MonsterGames71]

a very helpful tutorial thanks Sean

[@PiccolosDaughter]

Thank you so much for making this video.

[@seanallen]

Glad it was helpful 👍

[@barche75]

Great video, Sean. One thing can be helpful how to pop to root view.

[@seanallen]

It's on my video to-do list!

[@nazarwelkakayew692]

Thanks Sean. You helped me a lot)

[@seanallen]

Happy to help!

[@KimbrellBrad]

Great content Sean! Thanks for a great refresher.

[@seanallen]

Happy to help, Brad.

[@aymanomara8468]

thanks your tutorials is really helpful

[@wilsonnarea5378]

Thank you so much!!! Amazing teaching style.

[@sam2223]

awesome tutorial

[@TheSteak1984]

Thank you!🙏

[@seanallen]

Happy to help!

[@franjomaric7913]

Thank you man !

[@wesleybritob]

Nice video !! Unfortunately the way they design navigation link kind of sucks. If you have 3 views and when you are in your view3 you can't go back to the view1 unless you pass the state reference from view1 to view2 and view3...

[@lucarauchenberger628]

awesome video!

[@seanallen]

Glad you enjoyed it!

[@andrejkling3886]

Cool lesson Sean.... Thank you for sharing

[@rhiannondennis2075]

Thank you so much!!

[@StowGeneral]

Simply, Thank you! You are awesome. Liked and subscribed.

[@jenniferescobar6085]

Nice thanks for this presentation you are awesome

[@seanallen]

Thanks for the kind words, Jennifer!

[@QuentinVadon101]

Super, Super clear tutorial .. Thank you so much !

[@academicsuccess5034]

nice work

[@dzmitryfedchanka1720]

Best timing as usual :3

[@Tw33tMonsta14]

How do we change the background color of the navigation bar title when it is .inline? I’ve tried doing UINaviationBar.appearance().backgroundColor = .red, but it only works when the bar title is large or automatic, not when it is inline.

[@jakubkromoowski4065]

Is there some way to pass to button view destination like a color or font size?

[@Bharat_s]

I wish you could also tell how to make a button to go back to the first view or Home Screen. Thank btw. I was on a loop because I was using navigation view on every page. Thank a lot .

[@raymundoortiz7269]

Nice!

[@jaylensmith6308]

Is it necessary to have them in one view file? I have the code navigating in between different view files

[@ProgramJerol]

Now with ios 17, i got problems with NavigationView, and now trying to see newer implementation like the Navigation Stack

[@seanallen]

I did a video all about NavigationStack here - kzbin.info/www/bejne/panTaYSnrNdnd7s

[@finalpets]

What about Nested NavigationView? how to return to the RootContoller?

[@yazidali7071]

Amazing tutorial.....

[@seanallen]

Happy to help!

[@zenithacademy4588]

how to navigate between branched views as we do in storyboard. because this is completely sequential.

[@georgehabib4333]

Thanks Sean @4:00 - Is there a way of determining the actual size of the Navigation Bar to exactly offset the shuffling in y? I have an image on my splash screen (that doesn't include the navigation view) that I want to line up exactly with the same image on my home view. I can manually fudge it, but I suspect the offset will change depending on device used

[@nam.ng0]

how can i make a custom back button?

[@parthjangid3587]

Hey Sean, Thanks for this amazing video. I have one silly question, correct me if I am wrong but when you click on a piece of code in the preview a border tends to appear around it. How can we get this for our project too?

[@dotnetdevni]

.net has a good implementation called shell which creates a naivgation drawer on both ios and andriod but performace of shell is slow

[@btechstuff]

Great explanation of the navview, Sean. Can I show navlinks side by side in an hstack? So two "buttons" each goes to a diff destination

[@wafflestraw8631]

My preview keeps crashing. What should I do?

[@SummerCroatia]

Two things you forgot to mention. How to navigate without previous screen stack and how to navigate with multiple stacks.

[@wenlongteo6272]

Good tutorial for an Android developer who started to learn ios dev as well :) But how about deep link? Is it included in NavigationView?

[@gangalo68]

Great tutorials should use verbose code. Refactoring comes later.

[@dotnetdevni]

Swift ui falls down at navigation should have a simple navigation drawer abilitie but doenst

[@aganeto1]

I saw when you said to remove the NavigationView from BlueTwoView , otherwise it would push things very down. However I need a structure like ListView -> ListView -> DetailView... Something like nested listview or sublistview. For example: ----- Shoes (main listview) ----- Shoes blue (secondary listview) --- DetailView ShoewBlue --- Shoes Red --- DetailView Shoew Red --- Clothes How can I accomplish it? Thx

[@codywright7658]

I would also like to know how to do this. I’ve been trying things all day.

[@cyberrage8658]

Hey sean, could you make a video on how to make a button that pops up another thing inside with more buttons, like in zoom meeting, where you press the reaction button and it pop ups another view or whatever the name is. Thanks

[@seanallen]

I have that on my list of video ideas... it's just a VERY long list.

[@jamesmartin46]

Is the completed source code available for this project?

[@seanallen]

Not for this project because NavigationView has been deprecated. I recommend watching my NavigationStack tutorial which was released in iOS 16 to replace NavigationView. - kzbin.info/www/bejne/panTaYSnrNdnd7s

[@alcoop74]

idk if my swift is broken but none of this wants to work

[@sharbel9624]

LETS GO!

[@HerrParabel]

Nice, but doesn‘t work for iPads at all.

[@stevez5134]

setting the frame still throws me off. are we not wanting the button to be a lot larger on iPad???

[@seanallen]

I hear ya. I have to draw the line somewhere when it comes to keeping the tutorial simple and focused on the task at hand. Bringing in geometry readers to a tutorial about NavigationView is too much distraction in my opinion. Trust me... people ask about EVERY aspect of the code in tutorials, even when it's not the topic being discussed. Another note is that not ALL apps are required to expand to iPad/Mac. There are tons of iPhone only apps out there.

[@tariqAlmazyad]

Awesome tutorial . I wish you could one video where when you make ScrollView and the Large title in the navigation does not behave correctly when scrolling For Navigation configuration , I made my own View extension . here : - Extension: View { /// to modify the navBar attributes , title , bar color , and Translucent func navBarModifier(largeTitleColor: Color, smallTitleColor: Color, isTranslucent: Bool, barStyle: UIBarStyle, navBackgroundColor: Color, tintColor: Color, userInterfaceStyile: UIUserInterfaceStyle) -> some View { return self.onAppear{ UINavigationBar.appearance().largeTitleTextAttributes = [.foregroundColor: largeTitleColor.uiColor()] UINavigationBar.appearance().titleTextAttributes = [.foregroundColor: smallTitleColor.uiColor()] UINavigationBar.appearance().isTranslucent = isTranslucent UINavigationBar.appearance().barStyle = barStyle UINavigationBar.appearance().backgroundColor = navBackgroundColor.uiColor() UINavigationBar.appearance().tintColor = tintColor.uiColor() UINavigationBar.appearance().overrideUserInterfaceStyle = userInterfaceStyile } } // HOW TO USE ? struct ContentView: View { var body: some View { NavigationView{ Text("Text 123") .navBarModifier(largeTitleColor: .white, smallTitleColor: .white, isTranslucent: true, barStyle: .dark, navBackgroundColor: .clear, tintColor: .black, userInterfaceStyile: .dark) } } } }

[@zavéVoices4Christ]

Hi Sean, I enjoyed your tutorial on multiple navigation screens. I’m now trying to add a video player to the last screen to navigate from the second screen making to root my splash screen. How can I add that video player on the last screen and play a video stored in the cloud? Thx!

[@mhmtkrnlk]

I love most of the things about SwiftUI but this navigation system is absolute garbage. Think you are for some reason going to page1 -> page 2-> page3 then on page3 u want pop to root but cant u still have to go page2 even if you dont want. Think a framework that cant load pages based on however you want.

[@IamTheGreatCornholioo]

NavigationView / navigationLink is the only dumb crap I've seen so far in ios development, everything else is awesome, especially compared to android development

[@x4vics]

Thank you man!