Flutter Tutorial - Bottom Navigation Bar | The Right Way | Without Routes

Create a Bottom Navigation Bar in Flutter without Routes that keeps the state with the help of IndexedStack in Flutter.

SUBSCRIBE HERE

SUPPORT & SPONSOR ME

RESOURCES

TIMELINE
0:00 Introduction Bottom Navigation Bar
0:20 Create Animated Bottom Navigation Bar
1:28 Select Navigation Bar Items
2:56 Create Fixed Bottom Navigation Bar
3:31 Change Background Color
3:42 Change Item Color
4:19 Change Icon Size & Font Size
4:51 Icons Only / Bottom Navigation Bar Without Text
5:35 Change Pages
7:20 Change AppBar Title Via Bottom Navigation Bar
7:52 Preserve State Of Widgets When Navigating

SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS

*********

SOCIAL MEDIA: Follow Me :-)

LEARN MORE

PLAYLISTS

CREDITS

#Flutter #Tutorial #JohannesMilke

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

[seiwonpark]

oh my god I just got stucked in 'paging' last night and you've uploaded this video today morning(at my time) 😭😭😭 thank you so much!!

[davidtzirima]

This guys is the real deal when it comes to flutter tuts, you make learning simple and enjoyable kudos, Thanks man

[gumdum]

Wow. I've been using all types of packages and navigation solutions trying to get this to work. And here it was in one of your videos the whole time. Thank you, my bottom navigation system now works properly without a bunch of cludgy routing.

[tihitnatsegaye]

you have no idea how happy I am after watching this vedio, i have been trying to make my screen not rebuild when navigating through the screens for hours because i was loosing the data a saviour you so much bro🙏🙏👍👍👍👍👍

[startswithzed]

Whenever I need a tutorial for flutter I always check if you've made one because then I don't need to look anywhere else. You explain very well. Thank you.

[jamesalcaraz]

Any guidance on how to combine this with routes? There will be cases where you'll still use routing like subpages inside the top level ones.

[tripsam]

You are very underrated. The videos are short, easy to understand and to the point. Thank you, well done and keep going!

[sokhibabdurasulov]

wow, as you explain I get questions and second later you answer the question. how is that possible. I guess you really understand brain flow of a beginner. Definitely will watch the every single video you made. Thanks

[mustafashaikh]

Great video @Johannes Milke. I've one issue could you please suggest me what should I do

I follow all the step using indexed stack on home page I've called api on init state when I switch to next screen and come back to home screen the api call again

[reaganza]

Hi Johannes. You can't understand tons of headaches you spared me by just applying concepts of your videos. Can you do Bottom Navigation Bar with routes
because we find ourselves with too many screens. Thank you and keep up the good work.

[gokiberk]

I loved how briefly you explained the implementation cumulatively and solve possible issues that we might face. Thanks a lot, greetings!

[progtom]

Brilliant, simple. succinct. Bottom nav done in no time! Thanks heaps

[barry.anderberg]

A nice touch is to wrap IndexStacked in a PageTransitionSwitcher so you can have fade animations, for example, between each of your screens.

[gudrat]

I cannot believe how awesome this video is

[ralphbu]

Thank you for a fast, great tutorial!

[ShuaibShahzan]

Thanks for the wonderful tutorial @JohannesMilke, but when I navigate to any other screen, then the BottomNavigationBar disappears. How do I keep the BottomNavigationBar persistent irrespective of the screen I'm on.

[yedielseyoumabebe]

Jesus bless you man of God. You are a blessed person.

[sankalpasenevirathna]

You're a life saver!!! 🙏🤯 Thanks for this tutorial man! And please, keep making tutorials like these.

[jafarrezazadeh]

nice explaining and the IndexedStack helped me a lot, thanks

[nicholasovunda]

Thank you so much for this tutorial... manually coded everything the last time... this is a life saver