👉Join 12 Week Flutter Training: heyflutter.com 👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f Source Code: github.com/JohannesMilke/bottom_navigation_bar_example
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 everytime...............your a saviour man..........thank you so much bro🙏🙏👍👍👍👍👍
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.
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.
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
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.
Love your videos watch them all the time. I'm and audiophile and video editor. Can I recommend that you lower the 20 - 60 Hz range on your mic, so it does not pop so much. Thanks again.
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
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.
What if i have 5 complex screens managed by the bottom bar? Isn´t it slow to keep them all on the build tree? I mean, if i change anything on screen 1, all the build methods from my other screens will be called too.
Thanks for the clear and concise tutorial, Johannes. One question. Let's say I want one tab's page to preserve the state but for another tab's page, I need it to be rebuilt every time I switch to it. Is it possible to achieve this?
Hello Johannes! Could you please make a video on how to combine this with Pushing and Popping Routes? My BottomNavigationBar always disappears when a new Route is pushed. :(
follow ur nice tutorial...but i add 'some button in chat page, when press it will load new screen (different file) using navigator.push.... my bottom navigation bar covered by new screen, how to solve it? thanks....
I have a small problem, and it is when in the home I have a ChildScrollView and they navigate to the end part and I go to another option and I return I find the screen in the same place I would like it to return to its initial state ...
If I have a more complex app with settings, profile user, notifications and chat page, can I have a statefull widget for every page?
2 ปีที่แล้ว
what if you want for example that "plus" button to change the current screen you're in? for example you want the navigation bar to jump to the chat when you press that?
Thank you so much for such a wonderful tutorial, but when I put my code in main.dart file like you did, it doesn't work., but when I put it in HomePage it works. Secondly, I used my widget in main.dart to design the splash screen and call materialApp then HomePage(); and theres no way to have a scaffold . When I try to create another widget for the bottom navbar it doesn't work. please what is the solution to the issue because putting the code on the Home may also create issue with the page content? Thank you
Hi, i having an issue and i hope you help, i am a beginner at programming in general and i am trying to make TabBar and BottomNavigator booth at the same time, and i seems everytime i try to add them booth, they booth stop working, they both has to be in body: property and i'm not sure what went wrong.
How to make bottom navigation bar persistent , let’s say if there is a button on Homepage() screen and on clicking I am navigating to some other page then how to show bottom navigation bar there also . Every time bottom navigation bar has to be there
@@HeyFlutter yes you are right, but just as you did, I have a separate page where i have written code for bottom navigation bar and giving only 4 pages in List form. Now from those 4 pages i navigate to more pages. Giving bottom navigation bar to every page is lengthy process
it could be useful if u put source code for free... just saying ... PS: for those who don't work this is how u should define the list: final screens = [ OptionsPage(), HomePage(), FavoritesPage(), ]; if u get this error: The argument type 'Diagnosticable' can't be assigned to the parameter type 'Widget?'
👉Join 12 Week Flutter Training: heyflutter.com
👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f
Source Code: github.com/JohannesMilke/bottom_navigation_bar_example
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!!
This guys is the real deal when it comes to flutter tuts , you make learning simple and enjoyable kudos , Thanks man
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 everytime...............your a saviour man..........thank you so much bro🙏🙏👍👍👍👍👍
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.
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.
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
I loved how briefly you explained the implementation cumulatively and solve possible issues that we might face. Thanks a lot, greetings!
Glad to hear that, You are welocome Gökberk Keskinkılıç! 😊
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.
You are very underrated. The videos are short, easy to understand and to the point. Thank you, well done and keep going!
A nice touch is to wrap IndexStacked in a PageTransitionSwitcher so you can have fade animations, for example, between each of your screens.
You're a life saver!!! 🙏🤯 Thanks for this tutorial man! And please, keep making tutorials like these.
Thanks
You've solved my problem in just few minutes. by a simple adding a widget IndexedStack. I was stuck on routing the pages.
Glad it was helpful, @MuhammadHamza-ft4ef 😀
You have the solution of every problem about flutter, which I have in my mind. ❤ from Bangladesh
Brilliant, simple. succinct. Bottom nav done in no time! Thanks heaps
You’re most welcome, progTom! 🙂
You helped me so much! I had a lot of trouble making this work and some other tutorials made me do such a mess when it was this simple.
@@HeyFlutter No, thank YOU
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.
Thank you. Proper tutorial 👍
The most satisfying video of bottom navigation bar .. tnx alot
You are welcome, Wubet Ayalew 😊
Thank you so much for this tutorial... manually coded everything the last time... this is a life saver
Love your videos watch them all the time. I'm and audiophile and video editor. Can I recommend that you lower the 20 - 60 Hz range on your mic, so it does not pop so much. Thanks again.
Thans man after 3 day finally i solve one of my tiered problems 😂😂
Thanks for you firstly and stackitem secondly
You got one subscriber 😎
Simple, logical and beautiful explanation. Thank you sir.
Glad to hear that, You are welcome Saad Ansari! 😊
Thank you my Johannes.👍👍
I waiting BottomNavigation with navigation handler 👌
nice explaining and the IndexedStack helped me a lot, thanks
Glad to hear that, Thank you jafar rezazadeh! 😊
Great tutorial, simple and straight to the point
Thank you for a fast, great tutorial!
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
Thank you for making videos so often.
I cannot believe how awesome this video is
Thank you, Gudrat Guluyev! 🙂
This was so well explained - thank you! Keep it up :)
Explanations placed Beautifully.....
Thanks, Sheik Javed! 🙂
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.
Been waiting for this. Much much thanks to you!
Jesus bless you man of God. You are a blessed person.
thank you, answered all my questions.
Glad to hear that, You are most welcome @CodeEnthusiast78912
Thank you for this wonderful tutorial video. This helped me a lot.
Best BottomNavigationBar tutorial so far. Everything worked. Worth 10 minutes, now subscribing :)
Dobra robota Johan. Bardzo sobie cenię Twój kanał. Pozdrawiam z Polski.
I love the way you teach. Can you do a video on sliverappbar and customscrollview?
Thanks for this amazing video
This is great. Thank you Milke.
Best tutorial ever keep up the good work ❤️
Thanks a lot dude , you're a godsend
Thanks, S P N! 🙂
you are the best really i love you
Happy for guy
This is very interesting and jeep this job done.
Now you got my subscribe
👍
Glad you liked it, CyemezoCode 😀
Thank you so much Johannes!
Thank you, Kushal Gurung! 🙂
Thank you . Your video taught me very well.
How to bottomnavigation bar globally, I did same as you with some extra screens using routes but it didn't work as expect. Please help
Thanks bro, very useful video
Amazing tut! 1M likes for you 🙏🙏🙏
Incredible good explained like always :)
thanks for this very detail tutorial
What if i have 5 complex screens managed by the bottom bar? Isn´t it slow to keep them all on the build tree? I mean, if i change anything on screen 1, all the build methods from my other screens will be called too.
Thanks for this tutorial, i subcribe
Thank You
So Much!
Since we deleted the appbar from main.dart, do we have to add drawer individually to all the 4 screens for it to be seen?
I need a floatingActionButton above the bottomNavigationbar shape: CircularNotchedRectangle. Please guide how to do it.
for example, how to navigate between tabs within pages I'd like a button on my Home screen that takes me to the third item in the BottomNavigationBar.
Thanks for the clear and concise tutorial, Johannes. One question.
Let's say I want one tab's page to preserve the state but for another tab's page, I need it to be rebuilt every time I switch to it. Is it possible to achieve this?
amazing goodjob! You are a life saver. :)
Glad to hear that, Thank you Zedd Elijah! 😊
Will this work for routing to more and more pages and always displaying the bottom NAV bar?
Hi Johannes, can we jump back to Home page with clicking on button which is present inside on Profile bottom bar?.
Hi, what if I want to make sure that some keys are disabled on occasion? It can be done? Thanks in advance.
thank you so much, really understandable for an amateur like me :D
this video is so good. thank u
You are welcome, arris!
Hey nice tutorial
Can you tell me the chenge bottom navigation item by click on any button thanks
Thanks a lot sir.
Hello Johannes! Could you please make a video on how to combine this with Pushing and Popping Routes? My BottomNavigationBar always disappears when a new Route is pushed. :(
@@HeyFlutter Thank you very much! Havent known about this package. :-)
I have a case where the local storage is updating, but since index stack keeps the state.
The values are not getting updated so how should i do it..!
superb explanation .....👌👍
informative. Thanks!!
You are welcome, lahiru madhumadha!
Thank you Johannes ❤️
Thank for this video
how about Keep Bottom Navigation Bar across Page Route? without rebuilding the screen everytime you switch pages
The Best Bro
Nice class.How to create a bottom navigation bar with FAB in the middle with a notch in flutter.
@@HeyFlutter thanks a lot
follow ur nice tutorial...but i add 'some button in chat page, when press it will load new screen (different file) using navigator.push.... my bottom navigation bar covered by new screen, how to solve it? thanks....
I have a small problem, and it is when in the home I have a ChildScrollView and they navigate to the end part and I go to another option and I return I find the screen in the same place I would like it to return to its initial state ...
Make video about bottom navigation bar with provider
thank you soooo much ♥ ♥ ♥
Great video as always👌🏻
Thank you, Ekanem Ekemini! 🙂
If I have a more complex app with settings, profile user, notifications and chat page, can I have a statefull widget for every page?
what if you want for example that "plus" button to change the current screen you're in? for example you want the navigation bar to jump to the chat when you press that?
Awesome content,thanks!
Thank you so much for such a wonderful tutorial, but when I put my code in main.dart file like you did, it doesn't work., but when I put it in HomePage it works. Secondly, I used my widget in main.dart to design the splash screen and call materialApp then HomePage(); and theres no way to have a scaffold . When I try to create another widget for the bottom navbar it doesn't work. please what is the solution to the issue because putting the code on the Home may also create issue with the page content? Thank you
Thank you so much😊
Thankyou so much
You’re most welcome, Jessen Jie! 🙂
Thank you
You are welcome, @afnan011 😊
Can you make a tutorial video of operamini bottom navigation bar?
Thanks for the idea Syed Rakibul Hasan 😀, i have added it in my list of future videos
Great tutorial, isn't everyone just using provider these days for state management?
Hey, @sharpenednoodles 🙂 Not actually as there are plenty of options available some prefer GetX, Riverpod and so
@@HeyFlutter good to know what else is out there, thanks!!
Awesome ❤️
great thank you
Hi,
i having an issue and i hope you help,
i am a beginner at programming in general and i am trying to make TabBar and BottomNavigator booth at the same time, and i seems everytime i try to add them booth, they booth stop working, they both has to be in body: property and i'm not sure what went wrong.
just amazing bro .
How to make bottom navigation bar persistent , let’s say if there is a button on Homepage() screen and on clicking I am navigating to some other page then how to show bottom navigation bar there also . Every time bottom navigation bar has to be there
@@HeyFlutter yes you are right, but just as you did, I have a separate page where i have written code for bottom navigation bar and giving only 4 pages in List form. Now from those 4 pages i navigate to more pages.
Giving bottom navigation bar to every page is lengthy process
it could be useful if u put source code for free... just saying ...
PS: for those who don't work this is how u should define the list:
final screens = [
OptionsPage(),
HomePage(),
FavoritesPage(),
];
if u get this error: The argument type 'Diagnosticable' can't be assigned to the parameter type 'Widget?'
What is the biggest advantage of this approach, or why is this the right way, instead of using different screens with routes?
In General which approach do you recommend? Or does this depend on the Situation?
Best Regards, best of the best
Thanks, @abdelghanialmasri6695! 🙂
Omg you're amazing man. Keep trying