How to create a Bottom Navigation Bar in Android Studio (Kotlin 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'

[@muminoloruntola2146]

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-is-bioman]

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.

[@_angel_mohammadi3952]

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

[@iJuce]

this channel is a learning goldmine

[@kevinyee9550]

Thanks for the tutorial, it's good to have an updated one on the subject. Android tools get updated so fast.

[@Indently]

Agreed! I'll try to kee everything up to date on my channel!

[@MarianoAltuna]

your channel is the best I found, you are the best

[@andrei8683]

perfect, quick and effective. Love such videos

[@justinlin5235]

Thanks for the tutorial. It’s really great!!

[@RahmatKhanZai89]

Thanks a lot. I have fixed a issue watching this video.

[@mondragondelgadomezlyzahor3260]

YOU ARE MY HERO!!!! Gracias a ti pude salvar mi tarea :(

[@muminoloruntola2146]

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

[@jonathanestrada1687]

You help me a lot, thank you!! ♥️

[@nykur9383]

Man you make it simple for me ty

[@hanadanefa7837]

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

[@rifqi458]

Damn, this is much simpler. Thank you

[@Indently]

Hey Rifqi, no problem at all, I'm happy I could help!

[@blessmewest]

thenks so much!!!!!!!!!!!! u saved me

[@muhammadcandraalifisya265]

you are my hero dude

[@rasarodchawang2340]

Thank you very much. ❤❤❤

[@whitemamba00]

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.

[@davidandyka5760]

excuse me, 4:44, where is this comes from (bottom_navigation), i got stuck at this one

[@omarvelasco1682]

You are the best

[@HuanNguyen-np9uw]

lovely tutorial, tks

[@jookim3403]

You save me !! tks !!

[@aleixsolermarti5833]

Bro thank you so much, I spend 3 days searching how the fk this shit works and u explained it in 5 min

[@juliocamacho6298]

Excellent thanks

[@codewithsas]

Thank you so much

[@lunsim]

Could you apply lottie animation into BottomNavigationView using navigation graph?

[@Jlevk]

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

[@winnuayi3266]

simple and straight to the point.

[@phonegames2857]

thx sooooooooo much bro

[@cosmostv8296]

thanks Federico Cotogno

[@acunningclown]

How do you change the font size of the bottom navigation menu?

[@Prod.JXXN.]

Nice video!

[@kleber0a0m]

Muito bom o vídeo, ajudou bastante. Obrigado =)

[@androidmillennium9266]

Thanks a lot

[@hanadanefa7837]

And a floating window, that draw over other app? Its like the app is on top of another app

[@thealchemist6445]

Awseome quick..

[@ivan86478]

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?

[@hanadanefa7837]

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?

[@phantom2046]

supportFragmentManager is not being recognized (Unresolved reference: supportFragmentManger) what can be the problem?

[@marymaria5865]

good job

[@sb-dor]

Please answer my question. Why do these buttons work only after double-clicking ?

[@zethbox8619]

Doesn't display the bottom navigation bar for me

[@riyazmohamed6532]

what is itemid in main activity

[@kissgergo5202]

Could someone explain how to do it with activites instead of fragments?

[@shubhamnaik1982]

Bhai, full sequential course banayo na Kotlin for Android ke liye.

[@D3r_3k_]

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!

[@Indently]

I'll work on it! Thanks for the support!

[@pixelPlaygourd]

Osm

[@chubakv]

I have problem with button_navigation. Cant call in MainActivity :(

[@jeewanthalahiru2435]

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

[@francoisch6856]

@@jeewanthalahiru2435 Thank you so much!

[@liztorres15]

El tiene la razón con si cogió, gracias

[@Area-yy1xw]

@@jeewanthalahiru2435 Life Saverrr! Thank youu! ❤❤❤

[@JiggyJiggy21]

@@jeewanthalahiru2435 omg, thank you so much! I had the same issues couldn't find out why.

[@tnnz9920]

Sir how to make it floating on scroll view?

[@racoon_yt]

My setOnNavigationItemSelectedListener is crossed out, help please

[@brandanjong3092]

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

[@janniscodingroom4357]

Check if you surely used the "setOnNavigationItemSelectedListener" and not the "Reselected" one.

[@PMTFILMS]

when i was in the final stage of writing the code in the mainactivity.kt the val functions after the = sign were all red

[@Indently]

try findviewbyid

[@PMTFILMS]

@@Indently would i put this in the main activity?

[@swethaaresetty3105]

@@PMTFILMS TRY THIS val bottom_Navigation = findViewById(R.id.bottom_navigation) as com.google.android.material.bottomnavigation.BottomNavigationView bottom_Navigation.setOnNavigationItemReselectedListener { } }

[@robertlaguna3503]

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

[@francoisch6856]

Same here

[@hanadanefa7837]

thanks for this tutorial, but i don't know why mine behaves different,

[@Peter-Petes]

Can a fragment hold RecylerView while using bottom navigation Bar ?

[@Indently]

yes

[@DNightmareGT]

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?

[@Indently]

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?

[@DNightmareGT]

@@Indently yo, just figured it out tho, i could just add {} in the navigations and it actually worked

[@alienalien9288]

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?

[@Indently]

I haven't tried, but it should work the same unless they explicitly updated something in the documentation. But just try it out!

[@alienalien9288]

@@Indently hi, thx and imma try it out btw quick response :) nice!

[@alienalien9288]

@@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?

[@lifedreamtv]

I also have a probelm - makeCurrentFragment is unresolved :(

[@ethiomusic3158]

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.

[@axedexango]

Hello nice tutorial, but i have a question how i replace a fragment when i click in a button on home_fragment?

[@Indently]

I recommend searching the navigation component which is part of the new Android recommended architecture components. It makes life easy

[@axedexango]

@@Indently ok thanks

[@jeewanthalahiru2435]

bottom_navigation cannot be called in MainActivity, is there any import mechanism or something for do that?

[@Frank-zv4up]

you ever got this resolved?

[@jeewanthalahiru2435]

@@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

[@sebastiangortz1888]

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.

[@Indently]

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 :)

[@josephchizororo3460]

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?

[@Indently]

use findviewbyid

[@swethaaresetty3105]

TRY THIS val bottom_Navigation = findViewById(R.id.bottom_navigation) as com.google.android.material.bottomnavigation.BottomNavigationView bottom_Navigation.setOnNavigationItemReselectedListener { } }

[@kennyargentokennyargento2676]

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

[@LuisMartinez-ku6is]

i have the same problem Dx did you fixed it?

[@ricardoferreira9868]

yeah me too

[@swethaaresetty3105]

@@ricardoferreira9868 it works even though it shows red line

[@swethaaresetty3105]

@@LuisMartinez-ku6is it works even though it shows red line

[@bismoaghna5407]

why button_navigation cant call in MainActivity ? its red

[@finnk2012]

im having the same problem

[@chubakv]

@@finnk2012 and I

[@swethaaresetty3105]

TRY THIS val bottom_Navigation = findViewById(R.id.bottom_navigation) as com.google.android.material.bottomnavigation.BottomNavigationView bottom_Navigation.setOnNavigationItemReselectedListener { } }

[@swethaaresetty3105]

@@finnk2012 TRY THIS val bottom_Navigation = findViewById(R.id.bottom_navigation) as com.google.android.material.bottomnavigation.BottomNavigationView bottom_Navigation.setOnNavigationItemReselectedListener { } }

[@liew0328]

@@swethaaresetty3105 It's working. Thank you so much :)

[@eldinpita]

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?

[@rhinokyanui2702]

did you find a fix?

[@BillyLegumbres]

But what if i want to move from activity to activity with it

[@Indently]

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!

[@ronanirvine9910]

I cant seem to get the "bottom_navigation.setOnNavigationItemSelectedListener" part to work, it just turns red for not good reason

[@jevitamariasaldanha1618]

did you find a solution?

[@ronanirvine9910]

@@jevitamariasaldanha1618 nope but its too late anyways

[@chiragkumar1968]

My bottom navigation hiding behind back/home button layout. What to do?

[@Indently]

Type it in google

[@MiYakudzik]

Maybe you chased wrong Layout type?

[@theguywithatimemachine436]

How can i implement the bottom navigation on a fragment because i have the navigation drawer on the main activity thanks in advance

[@Indently]

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?

[@theguywithatimemachine436]

@@Indently i never thought of that i have to try it out thanks

[@muminoloruntola2146]

@@theguywithatimemachine436 Did it work?

[@theguywithatimemachine436]

@@muminoloruntola2146 yes i managed to archive this but i did it using java

[@muminoloruntola2146]

@@theguywithatimemachine436 Oops I don't know java.

[@mondragondelgadomezlyzahor3260]

TE AMO TE AMO TE AMO TE AMO

[@aquinorodriguezdafne4441]

x2

[@Genio7781]

Could you convert this into Java?

[@Indently]

Kotlin automatically converts this into Java already, try Kotlin.

[@ProgrammerTimes]

great work bro i have created similar video on my channel if you have time do check it

[@gagasnusa6015]

Why i cant call my bottom navigation id?

[@Indently]

good question

[@gagasnusa6015]

@@Indently thanks, case solved🎉

[@pulkitarora2472]

how did u solve it i am having same problem

[@mohamednoemancoutry3664]

@@Indently Me too can you explain to me how can I call it

[@swethaaresetty3105]

@@gagasnusa6015 TRY THIS val bottom_Navigation = findViewById(R.id.bottom_navigation) as com.google.android.material.bottomnavigation.BottomNavigationView bottom_Navigation.setOnNavigationItemReselectedListener { } }

[@telintservicio]

wtf programming at Kotlin is fastest :O :O :O

[@Kiko-glitching]

his in a hurry