Flutter Bottom Navigation Bar Explained Step by Step

We will learn how to build flutter bottom navigation bar item. We will build it from the scratch. We covered the onTap, currentIndex, backgroundColor, selectedLabelColor. We also specified different pages or routes for it.

Find the complete tutorial here with the ui and network request

Twitter @dbestech

[isharab]

mann you saved my life by providing this amazing tutorial

[haydarhilly]

thanks for this video. I was stuck with routing from page to page using the bottom navi bar, and that video solved my problem.

[nic]

Thank you so much for your video, it was extremely hard to find any documentation on how to achieve routing with a navigational bar without stacking! Here's my like/subscribe, keep up the good work.

[solomondesigns]

Watched a lot of tutorials and only this helped! Thanks

[fakdapeditz]

Liked your teaching skills; clear and effective;subscribed!

[raunakraj]

We can simply set the label to an empty string and then there will be no error when we click at the bottom of icons. And hence, there is no need to set the selectedfontsize and/ or unselectedfontsize to 0. 😁
Btw amazing tutorial 🤩 I really enjoyed it. ❤️

[lilbabyPF]

Where the page index is set to 0 in the body page[0] remember to pass in the current index for it to work

[maurods]

18:40 Can anyone explain me why we are not giving "index" as a parameter to the function "onTap"? Shouldn't we write it like this: onTap: onTap(currentIndex); ?

[snippy]

nice the first NabBar Vide that exualy helpt me :D

[capybaracode]

is it possible to hide the navigation bar on certain pages with this method?

[imknoxgamerz]

@dbestech in homescreen i have button to navigate to other screen at that time in new screen bottom bar will disapear how to fix this, i need all time bottom bar in app.

[kiranjadhav]

bottom navigation bar called didChangeDependencies method for all 4 tabs at same time

[darkhorrormystery]

Brother, I am working on a Flutter Android application. And I have added a side navigation bar on that application. Which includes Rate Us, Share App, Privacy Policy,  Exit. But I tried many things but could not bring these buttons to working condition, can you tell me? How can I bring them into working condition?

[kipepeogames]

Is it possible to hide naviagtion bar when you navigate from home page to another page not accessible by buttom navigation(not among the navigation tab items)

[henilkatrodiya]

your great teacher for learning flutter i am request to you give you code in Github link in side of comment session

[mrbande]

I have a question sir. I designed a BottomAppBar with a FAB in the middle and then in the screen I have a Form. But whenever I press on one field the Floating Action Button goes up. I dont understand why ?

[vladislavfilipoff]

As always cool. Thank you for your hard work.

[abhishekagarwal]

what if i want to pass a set of data as a parameter in one of the pages??

[johnsunnyjohnsunny]

sir im not able to strike the title command in mainpage_.dart can you tell me how to do it pls..

[rakulagn]

But How will you pass the data in case if you have page before mainpage and once you continue to main page through dashboard page what is the possibilities of passing data from page before main page to main page