Navigation Component - Android Studio Tutorial

🏆 My Online Courses
⭐Discount Coupon: LAUNCH-STEVDZA-SAN
stevdza-san.com
🐱‍👤 Wanna become a member? Join!
/ @stevdzasan
📸 Instagram
/ stevdza_san
Navigation refers to the interactions that allow users to navigate across, into, and back out from the different pieces of content within your app. Android Jetpack's Navigation component helps you implement navigation, from simple button clicks to more complex patterns, such as app bars and the navigation drawer.
The Navigation component consists of three key parts that are described below:
Navigation graph: An XML resource that contains all navigation-related information in one centralized location. This includes all of the individual content areas within your app, called destinations, as well as the possible paths that a user can take through your app.
NavHost: An empty container that displays destinations from your navigation graph. The Navigation component contains a default NavHost implementation, NavHostFragment, that displays fragment destinations.
NavController: An object that manages app navigation within a NavHost. The NavController orchestrates the swapping of destination content in the NavHost as users move throughout your app.
As you navigate through your app, you tell the NavController that you want to navigate either along a specific path in your navigation graph or directly to a specific destination. The NavController then shows the appropriate destination in the NavHost.

[@dychak]

Man, I saw 2 official videos already and still didn't get what it is. Your video finally triggered my mind. I think the visual aid in your video helps a lot.

[@gamessss_]

I am doing a google course for the same topic and yours is heaps better! Thanks for this! Life saver

[@r1sh149]

same i was doing from udacity

[@sohamshinde1258]

same here... despite being the maker of it they couldn't explain it 😢

[@puiky]

yeah, easy to understand and better than Android official team documentary video

[@XaeroDegreaz]

At about @8:33 when he starts typing out "view.textField1" that's because he has applied the "kotlin-android-extensions" plugin in the app's build.gradle. Looks like a Kotlin plugin that creates extension functions for Views so you dont have to "findViewById()" all of the time.
I'm not sure if that was already covered in a previous video of yours, but maybe adding that to the description, or something, could eliminate a little bit of confusion :D Thanks for the video

[@sidecharacter9375]

YOU just SAVE MY LIFEE, thanks man.

[@samuelmcmurray3502]

thanks

[@周叡霆]

thx. you help me a lot.

[@ПавелПрялкин-я6х]

​@@周叡霆 Also the java code for the:
View view = inflater.inflate(R.layout.fragment_second, container, false);
TextView textView = view.findViewById(R.id.textView2);
textView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Navigation.findNavController(view).navigate(R.id.action_secondFragment_to_firstFragment);
}
});
return view;

[@yimingchu3176]

Fantastic video!! This is even better than the official docs and tutorial!! Respect

[@yonatan1myers]

The clearest and best tutorials on the internet! Man

[@StevdzaSan]

Thanks! 💜

[@kaszabi9427]

you just made my day! thank you so much for this

[@mayra_vgm9011]

i love you

[@telloborneo3635]

great videos !!,
Please make video about handling the backstack, its so difficult for me..,
this is my cases, here the flow of navigation graph :
1. A-B-C
2. D-B-F
The question is, how the B fragment knows, which fragment that called them, from A or D, i mean how to handle onBackpress,
im glad if u have the solution, thanks dude!

[@peyvandjadidi4395]

I just subscribed your channel because I've been searching for difference between data binding and view binding and I found yours useful.
So I liked this video before I start it ❤️❤️❤️❤️❤️

[@StevdzaSan]

Thank you 😊💜🙏

[@godfredaddaiamoako3065]

i have read severals books, they couldnt explain simpler like you. i get so well now

[@StevdzaSan]

Glad to hear that!

[@mariahsmith1589]

Would be cool to have xml and design tabs open for those of us that prefer the xml

[@pythonsamurai]

Своих всегда можно узнать по акценту.

[@MxMayers]

жаль что не по "нашему" этот наш "свой" рассказывает

[@denzmc]

он поляк

[@_Smai1e_]

@@denzmc серб

[@rafaeldias8671]

Muito bom o vídeo, muito bem explicado. Sensacional.

[@niko3359]

Could you also please add the java code to your description. That really helped in your last video. Thank you for these amazing tutorials!!!

[@kevinsolanki6232]

add this in gradle(module) dependencies:
apply plugin : "kotlin-android"
apply plugin : "kotlin-android-extensions"

[@radwl]

Such a good video! You explained every important feature very well.

[@softMediaWox]

Simple and Plain. Thank you.

[@lucye7320]

Terrific walkthrough, thanks!

[@abdullahimusa3153]

Stevdza-San saving me once again

[@StevdzaSan]

Anytime broah 🦸‍♂️🙌

[@abhinavsingh-zc2hk]

Thank you so much for this amazing playlist 👌

[@sanuhara1375]

At last, I got it cleared from your video.. huge 👍 👍👍👍

[@sumitjindal1115]

Thank you soo much man....please make these types of video more as it is very helpful for us.

[@kovanodevelop]

Падажжи. Зависимости нужные в градл сами цепляются, нужно только разрешить? А мы копировали из техдокументации - карго да.

[@Stan_Kniazev]

The best explanation I've ever seen

[@elmarchantw]

Even though it was in Kotlin language, it has been useful to me. Thanks :).

[@GuitarreroDaniel]

Incredible explanation, thanks for this! :)

[@ngocanho4323]

good content, easy way to make watcher understand how to do. Ty so much

[@nagarajhegde3363]

Good simple introduction. Thank you!

[@lawalhayde3933]

Good day @
Stevdza-San. The line " view.textView.setOnClickListener {Navigation.findNavController(view).navigate(R.id.navigate_to_secondfragment)}" is not referencing or calling the "textView" id from the first fragment.
Instead android studio is showing Unresolved reference:textView :(
the same error happens too in the second fragment with the second fragments id(textView2) :(

[@StevdzaSan]

Kotlinx.synthetic is now deprecated, migrate to View Binding instead. I've made a video about it: ruclips.net/video/MXZz438aCDM/видео.html

[@lawalhayde3933]

@@StevdzaSan Thank you 😖 I retried and watched the video multiple times, since I thought I was doing something wrong. Thanks a bunch

[@tommymagic869]

Great tutorial! Thank you!

[@prasanthmanimaran5158]

Sir, if you don't mind, can I ask you something? Let say an app needs 3-4 different user logins (teacher, students, etc). How would you approach this issue, sir? Thank you so much

[@vatsaljain3207]

Thank you so much you made my dayyyyy

[@StevdzaSan]

Happy to hear that 😁👊

[@muthami_duncan]

Very amazing tutorial.
Very helpful.

[@pankajwandre5961]

Hello.. Great explanation..
Please Can you make video on searchview in recycler view..
Thankyou..
Love from India..
And you are great..

[@mahirbird9071]

Hi sir.. I downloaded Android Studio 3.6.1. But I found a problem, there is no support repository in SDK tools! Besides, there is no android drawable importer in the Plugins. I hope you tell me about the cause and how to overcome this problem. I googled the issues and search many videos in RUclips but that was useless. Thanks

[@electrious_46]

Thanks a lot man, it really helped me 🙏

[@raylyth8324]

I love you man. Thanks for the video.

[@mounirelomri9681]

Really clear tutorial, thanks

[@StevdzaSan]

Glad to help! 🙌

[@antomicawad6377]

Interesting topic , is it new feature in the latest upd?

[@StevdzaSan]

That's correct

[@antomicawad6377]

@@StevdzaSan thank you for covering it

[@techmarinar]

Thanx man this was very helpful ☺️

[@randomthings77]

Can we navigate through multiple activities by using bottom navigation bar?

[@luuchoo93]

I've created a navgraph but the "directions" class from Fragment 1 to Fragment 2 doesn't generate automatically. What could be wrong?

[@BehruzbekOtayev]

at 8:34, view.textView1.setOnClickListener is giving me an error. I cannot access the textView object from view. What should I do? Do I have to configure something in the build.gradle file?

[@StevdzaSan]

View Binding

[@BehruzbekOtayev]

@@StevdzaSan Thank you. I have configured viewBinding to true in my build.gradle file.
what I know is I should create a lateint val binding, and use that binding object to call all my views with IDs.
however, you have not declared any binding object in your FirstFragment.kt file. How are you calling it from a view object? Or first do I have to change something in my MainActivity.kt file, and then does FirstFragment.kt import my binding object from MainActivity.kt?

[@StevdzaSan]

@@BehruzbekOtayev Because now kotlinx.synthetic is deprecated.

[@BehruzbekOtayev]

@@StevdzaSan thank you. I will figure it out.

[@javad0470]

when we navigate to another fragment ، the data in fragment is lost , what we can do ?

[@chenchiaho]

cute background music

[@DiegoTube85]

should the findNavController method be better called in the onViewCreated method?

[@kiwi2793]

arigato stevdza san!!

[@MangekyouGui]

Excelente vídeo! Ajudou muito!

[@kickhuggy]

I can't figure out how to do this with fabs. I'm working across fragments and activities. Using the fab to navigate between activities, can't find any examples of this though

[@DanilTsyban]

Thx for the lesson. It was easy to understand

[@TechAshlyn]

thank u so much

[@fahadhabibjanjua]

simple and fun

[@rockychandu1444]

You are the best❤️

[@MoXyiD]

Hey! Great videos! I was wondering if there will be a tutorial on how to navigate from a single fragment using numerous buttons which lead to more than one other fragment. like 1 fragment leads to 2+ others.

[@codexrat]

Are you looking to inflate 2 fragments simultaneously side by side? If that is the case then try to make a fragment with 2 child fragments(which you want to inflate) and make the parent fragment in the nav graph!

[@Jaimecoder]

Machaa Allah machaa Allah machaa Allah, Allah yberek fik doctora! Et bravo Mr le journaliste pour cette belle émission et votre compétence, Merciii

[@vaaronka]

Amazing video !

[@NimishNatani]

I have a doubt that if I press back button when I was in first fragment it move to second fragment instead back button has to pause the activity

[@hassanammer7854]

great Work
🤩💙

[@StevdzaSan]

Thanks! 🙌

[@francisconeto9081]

I have to put someting on my main activity?

[@liweijian]

Great video, awesome thanks

[@ezstudio3d]

how can you change the fragment from the activity, I ask because I want one specific fragment to show some settings when the user select a settings menu?

[@KL-es9bt]

How to make those fragments take up status bar as well?

[@pronavsandhu]

Hi, but How to send data from one Fragment to another Fragment in this way?

[@harshpatel-bt5wr]

how can we handle multiple navigation graphs in app ?

[@afaquejaya2524]

Thanks

[@nivethan1897]

Thank U For this great video.....

[@GAGANDEEP901]

how to do the same with back button?

[@NamNguyen-ql6ov]

great video, tks very muchmuch

[@StevdzaSan]

You're welcome 🙏

[@workwithray2569]

how do you make this work with binding?

[@pyaesonehan19]

[@BehruzbekOtayev]

Your Google Play Store link does not work... What happened?

[@theai2020]

How to open any fragment from any other activity not the host activity

[@bharathkalyans]

Hey ,I am not getting option of textView, like view.textView1 .I am not getting it!What should I do??

[@StevdzaSan]

ruclips.net/video/MXZz438aCDM/видео.html

[@yassinmziya2733]

Make sure activity subclasses FragmentActivity 😮‍💨

[@shinmasterx]

doesnt let me add the dependancies automatically :( just says it cant find them....

[@laleyuniversal]

I try to do this with drawer and doesn't work, somebody knows something? :C

[@ShubhamGupta-ut4vv]

onNavifationUp() is not working in Navigation Drawer Activity.

[@hannanshaikh2616]

How to pass data between fragments in Navigation Components

[@mehrob781]

best content

[@quentinrufin4025]

My app display the content of activity_main.xml instead of the first fragment XML.
How do I change it?

[@quentinrufin4025]

ok I forgot the NavHostFragment in the activity_main.xml.

[@h.r.60]

Keep up the great vids 👍

[@ChinhNguyen-eg5km]

sr sir, can u help me with saving state fragment when navigating between fragment in Navigation component

[@StevdzaSan]

I will create a tutorial about that in the future.

[@ChinhNguyen-eg5km]

@@StevdzaSan thanks sir

[@aayushsarikhada6]

I am actually new to Android dev, I have a question. When to use a activity and when to use a fragment??? Thanks in advance 👍👍(anyone can ans)

[@StevdzaSan]

These days you would use multiple fragments and single activity only.

[@clerdsonjuca3823]

great

[@regdenbhutia8984]

why my 1 activity is not showing

[@sumansahu1005]

You just speak what's going on, That is a hard to understand. it would be really great if you can add what is the intent and how in each step we can achieve it. Thank you

[@unofficialboy_]

I love you

[@TheNitroPython]

This is pretty confusing, Android studio is a nightmare lol

[@mrshow7462]

Неплохо

[@zacharycaffey5464]

would be nice if half this stuff actually worked lol

[@SKYTIME-qk3yj]

🇲🇾📲
🏦📲
🏧📲

[@emmanuelarcamo377]

Can you please don't speed up your video.

[@minds_clear_02.23_]

The following options can be used as viable work arounds:
1. Retrieve the navController directly from the NavHostFragment.
val navHostFragment = supportFragmentManager.findFragmentById(R.id.my_nav_host_fragment) as NavHostFragment
val navController = navHostFragment.navController
2. Post the call to the findNavController method on a handler and execute all actions that need it after that post is complete.
3. Continue to use the fragment tag () to inflate the NavHostFragment
issuetracker.google.com/issues/142847973

[@vaishnaviaalewad4888]

I am getting error in the line : view.button1.setOnClickListener{Navigation.findNavController(view).navigate(R.id.navigateToFirstFragment)}
Error :
unresolved reference : Navigation