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.
Click here to Subscribe to Johannes Milke: https://www.youtube.com/JohannesMilke...

👉 12 Week Flutter Training | https://heyflutter.com
👉 Flutter Masterclass Courses | https://heyflutter.com/masterclass

Source Code | https://github.com/JohannesMilke/bott...
My Courses | https://heyflutter.com
Follow Newsletter | https://johannesmilke.com/#/newsletter

SUBSCRIBE HERE
http://bit.ly/JohannesMilke

SUPPORT & SPONSOR ME
https://github.com/sponsors/JohannesM...

RESOURCES
Hide Bottom On Scroll Tutorial:    • Flutter Tutorial - How To Hide Bottom...  
Animated Bottom Navigation Bar Tutorial:    • Flutter Tutorial - Animated Bottom Na...  
AppBar & Transparent AppBar Tutorial:    • Flutter Tutorial - App Bar Design UI ...  
Sliver App Bar Tutorial:    • Flutter Tutorial - Sliver App Bar & C...  
Sticky Headers In ListView Tutorial:    • Flutter Tutorial - Sticky Headers In ...  
Scaffold Widget Tutorial:    • Flutter Tutorial - Scaffold For Begin...  
Page Transition Animation Tutorial:    • Flutter Tutorial - Page Transition An...  
Persistent Bottom Sheet Tutorial:    • Flutter Tutorial - Persistent Bottom ...  
Modal Bottom Sheet Tutorial:    • Flutter Tutorial - Draggable Modal Bo...  
Animated List Tutorial:    • Flutter Tutorial - Animated List & To...  
Settings Page Tutorial:    • Flutter Tutorial - App Settings Page ...  
Fix Bottom Overflowed By Pixels Tutorial:    • Flutter Tutorial - Fix Bottom Overflo...  
Navigation Drawer Tutorial:    • Flutter Tutorial - Sidebar Menu & Nav...  
User Profile Page UI Tutorial:    • Flutter Tutorial - User Profile Page ...  
Quiz App UI Tutorial:    • Flutter Tutorial - 1/2 Quiz App UI  

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 :-)
Youtube | https://www.youtube.com/JohannesMilke...
Twitter | https://twitter.com/intent/follow?ori...
Linkedin |   / johannesmilke  
Instagram |   / johannesmilke  
Github | https://github.com/JohannesMilke
Medium |   / johannesmilke  
Website | https://johannesmilke.com

LEARN MORE
SOURCE CODE | https://github.com/JohannesMilke
ARTICLES |   / johannesmilke  

PLAYLISTS
All Flutter Videos |    • Flutter Tutorial - Flutter Story App ...  
Widgets - Flutter |    • Flutter Tutorial - Flutter Wrap  
Plugins - Flutter |    • Flutter Tutorial - Flutter Story App ...  
Animations - Flutter |    • Flutter Tutorial - Transition Animati...  
Designs - Flutter |    • Flutter Tutorial - FlutterUI - Minima...  
Firebase - Flutter |    • Flutter Tutorial - Pagination & Infin...  
State Management - Flutter |    • Flutter Tutorial - Riverpod - 1/3 The...  

CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com

#Flutter #Tutorial #JohannesMilke

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
http://bit.ly/JohannesMilke