How to create a Bottom Navigation Bar in Android Studio (Kotlin 2020)
ฝัง
- เผยแพร่เมื่อ 11 เม.ย. 2020
- In this tutorial I'll be showing you how to create a bottom navigation bar in Android Studio using Kotlin.
Dependency: implementation 'com.google.android.material:material:1.1.0'
Excellent! That was helpful and without any unnecessary talk! I also love your clear pronounciation which is effortlessly easy to understand for non-native speakers.
This is exactly what I want from a youtube tutorial !!! Fast, easy, efficient and useful !!! Thanks a lot man, I love your work, keep the great work going ! It was very helpful for me
Can't still thank you enough. I started this language 2 weeks ago and I had a really weird problem with navigation bar.. Was about to sleep another third day of failure when your video came up thanks ..
this channel is a learning goldmine
Thanks for the tutorial, it's good to have an updated one on the subject. Android tools get updated so fast.
Agreed! I'll try to kee everything up to date on my channel!
your channel is the best I found, you are the best
perfect, quick and effective. Love such videos
Thanks for the tutorial. It’s really great!!
Thanks a lot. I have fixed a issue watching this video.
You and Denis Panjuta are the best cause it was so easy to understand what you taught to me today. Could you make a video of a shopping application for food Please?...I'm missing some context and experience and I would be delighted to have your help
how can i make an extended floating action button on the fragment let say on home fragment that you create? and put some toast after clicking the extended floating action button
You help me a lot, thank you!! ♥️
YOU ARE MY HERO!!!! Gracias a ti pude salvar mi tarea :(
Man you make it simple for me ty
Damn, this is much simpler. Thank you
Hey Rifqi, no problem at all, I'm happy I could help!
Hello, Thank you for great tutorial, I have a question, for example what if I only want to resize Favorites part, how to I change size of this icon ? I can resize all of them but I can't resize one of them, thanks.
excuse me, 4:44, where is this comes from (bottom_navigation), i got stuck at this one
Main activity dont see my element bottom-navigation. And one more problem, i see bar in phone but xml is doesn't have it in studio
Could you apply lottie animation into BottomNavigationView using navigation graph?
thenks so much!!!!!!!!!!!!
u saved me
simple and straight to the point.
Thank you very much.
❤❤❤
lovely tutorial, tks
Bro thank you so much, I spend 3 days searching how the fk this shit works and u explained it in 5 min
How do you change the font size of the bottom navigation menu?
If in each option of the navigation bar there are different fragments, how can you make that when you click on an option of the navigation bar, it returns to the main fragment instead of staying in the last fragment?
supportFragmentManager is not being recognized (Unresolved reference: supportFragmentManger)
what can be the problem?
you are my hero dude
Doesn't display the bottom navigation bar for me
And a floating window, that draw over other app? Its like the app is on top of another app
Please answer my question.
Why do these buttons work only after double-clicking ?
when i was in the final stage of writing the code in the mainactivity.kt the val functions after the = sign were all red
try findviewbyid
@@Indently would i put this in the main activity?
@@PMTFILMS TRY THIS
val bottom_Navigation = findViewById(R.id.bottom_navigation) as com.google.android.material.bottomnavigation.BottomNavigationView
bottom_Navigation.setOnNavigationItemReselectedListener { }
}
You are the best
what is itemid in main activity
I have problem with button_navigation. Cant call in MainActivity :(
findViewById(R.id.bottom_navigation).setOnNavigationItemSelectedListener {
when(it.itemId){
R.id.ic_home -> makeCurrentFragment(homeFragment)
R.id.ic_favorite -> makeCurrentFragment(favoriteFragment)
R.id.ic_setting -> makeCurrentFragment(settingFragment)
}
true
}
this works for me
@@jeewanthalahiru2435 Thank you so much!
El tiene la razón con si cogió, gracias
@@jeewanthalahiru2435 Life Saverrr! Thank youu! ❤❤❤
@@jeewanthalahiru2435 omg, thank you so much! I had the same issues couldn't find out why.
You save me !! tks !!
Hi, I've followed the whole tutorial I can see the bottom navigation icons in my physical device. However when I click on them they stay in one fragment e.g. when I click on settings it still shows the text Home. And I have changed the text to say settings. But still its not changing everytime I run the app.
Thanks
Check if you surely used the "setOnNavigationItemSelectedListener" and not the "Reselected" one.
Can you make also a tutorial regarding In App Purchase, where the case is the sells 10gold and 100gold, can you make a tutorial of it?
man i have a problem, can you please help me?
when i use the setOnNavigationItemSelectedListener android studio does not recognize the id of my bottom navigation bar and it just doesn't work
i already checked all my code and its the same
Same here
Thank you so much
Excellent thanks
Thank you very much, it worked for me !!
You could make a video explaining how to make a Drawer Menu that opens fragments and has its return button in the toolbar
You have earned a new subscriber!
I'll work on it! Thanks for the support!
thx sooooooooo much bro
Could someone explain how to do it with activites instead of fragments?
yo, i am using the pop up navigation menu which is kinda standard (the left navigation menu), so the issue i am facing is when i click one of the navigation, it does work but it doesnt close upon clicking, any solution for it?
Hey, I wouldn't be able to answer that without doing some research on Google. Have you already tried writing the same question on Google?
@@Indently yo, just figured it out tho, i could just add {} in the navigations and it actually worked
Nice video!
Can a fragment hold RecylerView while using bottom navigation Bar ?
yes
Bhai, full sequential course banayo na Kotlin for Android ke liye.
hi, does it matter what implementation verson u user for material? like u use 1.1.0 but could i use 1.2.0-beta01?
I haven't tried, but it should work the same unless they explicitly updated something in the documentation. But just try it out!
@@Indently hi, thx and imma try it out btw quick response :) nice!
@@Indently hey code palace, i have a problem, so in one of my fragments i created a logout textview but how do i make it so it makes me go to another activity from an onclicklistener?
bottom_navigation cannot be called in MainActivity, is there any import mechanism or something for do that?
you ever got this resolved?
@@Frank-zv4up findViewById(R.id.bottom_navigation).setOnNavigationItemSelectedListener {
when(it.itemId){
R.id.ic_home -> makeCurrentFragment(homeFragment)
R.id.ic_favorite -> makeCurrentFragment(favoriteFragment)
R.id.ic_setting -> makeCurrentFragment(settingFragment)
}
true
}
this works for me
thanks Federico Cotogno
Awseome quick..
Thanks a lot
Muito bom o vídeo, ajudou bastante. Obrigado =)
My setOnNavigationItemSelectedListener is crossed out, help please
why button_navigation cant call in MainActivity ? its red
im having the same problem
@@finnk2012 and I
TRY THIS
val bottom_Navigation = findViewById(R.id.bottom_navigation) as com.google.android.material.bottomnavigation.BottomNavigationView
bottom_Navigation.setOnNavigationItemReselectedListener { }
}
@@finnk2012 TRY THIS
val bottom_Navigation = findViewById(R.id.bottom_navigation) as com.google.android.material.bottomnavigation.BottomNavigationView
bottom_Navigation.setOnNavigationItemReselectedListener { }
}
@@swethaaresetty3105 It's working. Thank you so much :)
Hey can you maybe help me?
would be really nice from you :)
Here's the problem:
I copied the code exactly the same way and yet the pages do not link to me.
Even if I choose a "fragment (blank)" I cannot select the things from / to which you can (inclode fragment factory methods? Or crear layout XML?) Maybe that is the problem.
Hey Sebastian! I can't help with the amount of information provided, but I definitely recommend asking on Stack Overflow. Either you missed a very small detail, or it could be something else. Thanks for commenting :)
Sir how to make it floating on scroll view?
Hello nice tutorial, but i have a question how i replace a fragment when i click in a button on home_fragment?
I recommend searching the navigation component which is part of the new Android recommended architecture components. It makes life easy
@@Indently ok thanks
good job
It is good tutorial. But you rushed highly. I did all but when I click the icons, the app goes wrong and disappear from the emulator. And when I remove the fragments, I can see the icons but they don't listen at all. And the other thing is, I couldn't get the titles with the icons. Why? Android Studio couldn't detect me where I missed it. Please help me.
great video, thank you very much!!!! if anyone can help me please. i am having a problem on the MainActivity.kt. My bottom_navigation.setOnNavigationItemSelectedListner line is coming up as an unresolved reference for bottom_navigation. anyone know what the problem might be?
use findviewbyid
TRY THIS
val bottom_Navigation = findViewById(R.id.bottom_navigation) as com.google.android.material.bottomnavigation.BottomNavigationView
bottom_Navigation.setOnNavigationItemReselectedListener { }
}
I cant seem to get the "bottom_navigation.setOnNavigationItemSelectedListener" part to work, it just turns red for not good reason
did you find a solution?
@@jevitamariasaldanha1618 nope but its too late anyways
Thanks for this video, very interesting! but... i have problem in the 04:45 minutes,
the error messege is Unresolved reference: itemId:
when (it.itemId){
can you help me please??
thanks you so much
i have the same problem Dx did you fixed it?
yeah me too
@@ricardoferreira9868 it works even though it shows red line
@@LuisMartinez-ku6is it works even though it shows red line
thanks for this tutorial, but i don't know why mine behaves different,
This was great! however for some reason on the bottom bar, The icons are showing up, but only under the Home Icon does it say "Home" under the other icons there is no writing. Anyone come up with that issue?
did you find a fix?
My bottom navigation hiding behind back/home button layout. What to do?
Type it in google
Maybe you chased wrong Layout type?
I also have a probelm - makeCurrentFragment is unresolved :(
How can i implement the bottom navigation on a fragment because i have the navigation drawer on the main activity thanks in advance
I would have to do some research, but can't you just use layout_above or something in the XML so everything gets placed above the navigation bar?
@@Indently i never thought of that i have to try it out thanks
@@theguywithatimemachine436 Did it work?
@@muminoloruntola2146 yes i managed to archive this but i did it using java
@@theguywithatimemachine436 Oops I don't know java.
Osm
But what if i want to move from activity to activity with it
We’re sorry to hear that you’re facing trouble with this tutorial. We have some suggestions for you:
- First, try watching the tutorial again to check if you missed something (remember that programming languages are strict, and that uppercase & lowercase characters are completely different.)
- Second, if you’re facing an error, try copying and pasting it into the Google search engine, it’s the fastest way to find the best response for the issue you are facing.
- Third, if it’s still too confusing for you, try taking a step back and working on an easier project to try to improve your programming skills before tackling the project in this video.
We wish you the best of luck with your project!
Could you convert this into Java?
Kotlin automatically converts this into Java already, try Kotlin.
Why i cant call my bottom navigation id?
good question
@@Indently thanks, case solved🎉
how did u solve it i am having same problem
@@Indently Me too can you explain to me how can I call it
@@gagasnusa6015 TRY THIS
val bottom_Navigation = findViewById(R.id.bottom_navigation) as com.google.android.material.bottomnavigation.BottomNavigationView
bottom_Navigation.setOnNavigationItemReselectedListener { }
}
TE AMO TE AMO TE AMO TE AMO
x2
great work bro i have created similar video on my channel if you have time do check it
wtf programming at Kotlin is fastest :O :O :O
his in a hurry