great video, thanks! One note I found useful: You can replace the color calculation for the tab icons by using the 'currentIndex', 'selectedItemColor', 'unselectedItemColor' properties in bottom navigation: bottomNavigationBar: BottomNavigationBar( currentIndex: this._currentIndex, selectedItemColor: Colors.green, unselectedItemColor: Colors.white, backgroundColor: Colors.black, .... I think it's a bit cleaner and a fun tip: try setting the property 'type: BottomNavigationBarType.shifting,' and add 'backgroundColor: {yourColor},', it's a super cool animation!
Nice video. The catch is the "AutomaticKeepAliveClientMixin" to keep pages persist. Just 1 thing that to change the selection in the bottom navigation bar, using the "currentIndex" property is muchmore simpler an better. That will automatically change the selection and change the selection/deselction colors. That will also give a small animation for the transition
Awesome!!! We can simply setState of our currentIndex variable to always take the index of our current screen/page in our onTap function instead manually changing the color when tap onTap: (int index){ setState(() { print(index); _currentIndex = index; _pageController.jumpToPage(index); }); },
IndexedStack is very performance heavy. It'll work like a stack.. so better to use this than indexed stack.. but there are use cases when you'd want to use it. Idk the use cases for IndexedStack.
great tutorials! please I would love to know that all those short cut keys you use to create code snippets and change all keywords at the same time so fast, please guide me some info on these? or record a new tutorial on these shortcuts? thanks!
Very useful tutorial! Thanks, I need to use Text widget, but the BottomNavigationBar don´t allow it. How can I replace the BottomNavigationBar with a similar functionality that allow me to have Text widght or Image widget?
if I have 10 pages and I use 4 Bottom navigation items. What about the rest of the pages. I want all of my 10 pages with same navigation bar. I only saw same pages with same bottom navigation items example.
Thanks for the video! I just got one Problem: Everything works fine but it will only show me the texts in the BottomBar of the first icon. The other ones wont show up. What can I do? Thank you very much!
How to persiste data and the bottomnavigationbar when we click on any item of the list? In Android Java, we can create as many pages as we want and navigate through them easely, keeping the bottomnavigationbar and back arrow in the Appbar.
@@M.......A Thank you for the tip. I found the link below and if you have an updated or better approach, please post a link for us. codewithandrea.com/articles/2018-07-07-multiple-navigators-bottom-navigation-bar/
AutomatickeepAliveClientMixin is not working for swiper can u suggest how to persist the state for more than 50 pages implemented using flutter swiper?
Good explanation thanks. I have try that and it work. But I have a problem. When I hot restart, the bottom navigator bar disappear, How can I solve this? Also, when close the app and reopen, the bottom navigator is not showing. Thank you for any help.
If you apply a state management solution with this it would be great. But if you have a small app, then you can call http request in DidChangeDependencies
hello @PodCoder please make video on how to add 'can go then go back on webview on backPressed' please make video on it and also download listener on webview please please please
great video, thanks!
One note I found useful:
You can replace the color calculation for the tab icons by using the 'currentIndex', 'selectedItemColor', 'unselectedItemColor' properties in bottom navigation:
bottomNavigationBar: BottomNavigationBar(
currentIndex: this._currentIndex,
selectedItemColor: Colors.green,
unselectedItemColor: Colors.white,
backgroundColor: Colors.black,
....
I think it's a bit cleaner
and a fun tip: try setting the property 'type: BottomNavigationBarType.shifting,' and add 'backgroundColor: {yourColor},', it's a super cool animation!
Thanks, that helped me a lot!
I really appreciate it, brother. After viewing your video, I was able to debug my code even though I had been stuck on indexing for nearly 4 hours.💕💕
This is what I call a "real tutorial", it's useful, thanks mate!
Superb! Just what I needed! You're a life saver man
Nice video. The catch is the "AutomaticKeepAliveClientMixin" to keep pages persist. Just 1 thing that to change the selection in the bottom navigation bar, using the "currentIndex" property is muchmore simpler an better. That will automatically change the selection and change the selection/deselction colors. That will also give a small animation for the transition
Does it work with infinite scroll Sliver list
30 min resumed in one comment
Thank you very much bro thatsa real tutorial
Awesome!!! We can simply setState of our currentIndex variable to always take the index of our current screen/page in our onTap function instead manually changing the color when tap
onTap: (int index){
setState(() {
print(index);
_currentIndex = index;
_pageController.jumpToPage(index);
});
},
Nice
Which is better using ur approach or using indexedstack ??
IndexedStack is very performance heavy.
It'll work like a stack.. so better to use this than indexed stack.. but there are use cases when you'd want to use it. Idk the use cases for IndexedStack.
Just what I was looking for! Thank You!
Pure content! Exactly what i needed. Thanks a lot.
What if you need deep navigation, like clicking on a blog and then going to another screen and coming back, can you save every states ?
Thank you so much .. It was very clear and it worked really well
Thank you ,Thank you ,Thank you ,Thank you .
Thanks a lot man! Everything worked perfectly. My 1st UI 😅
Thanks for this video
Really appreciated
Amazing tutorial and great coding flow!
keep uploading tutorials like this bro. I just subscribed!
Great tutorial. Thank's a lot.
Glad you enjoyed it!
great tutorials! please I would love to know that all those short cut keys you use to create code snippets and change all keywords at the same time so fast, please guide me some info on these? or record a new tutorial on these shortcuts? thanks!
THANK YOU SO MUCH!!
Thank you very much . Great tutorial
Great tutorial! This is exactly what I'm looking for. Thanks! It'd be nice to have a link to a GitHub repo tho. :)
Thanks for being here.
Unfortunately I forgot to push the code to a Github repo before deleting 😥
Try to use currentIndex in BottomNavigationBar instead of if / else index checking
Gracias por el tutorial me sirvio de mucho saludo crack eres grande😉😉
Thank a lot for the video. great explaination
you can do:
bottomNavigationBar: BottomNavigationBar(
onTap: _onNavBarItemTap,
items: [... ],
currentIndex: _selectedIndex,
selectedItemColor: Colors.amber[800],
),
In 2022 it solves the choice of color for the BottomNavigationBarItem label!
Very useful tutorial! Thanks, I need to use Text widget, but the BottomNavigationBar don´t allow it. How can I replace the BottomNavigationBar with a similar functionality that allow me to have Text widght or Image widget?
Awesome video, thanks. ¿What is the name of your color theme btw? I loved it.
🙏❤️
Material theme
great tutorial
very very useful video thank you
Thank you!!
Thank You and i Love You
if I have 10 pages and I use 4 Bottom navigation items. What about the rest of the pages. I want all of my 10 pages with same navigation bar. I only saw same pages with same bottom navigation items example.
Thank you!
Thanks for the video! I just got one Problem:
Everything works fine but it will only show me the texts in the BottomBar of the first icon. The other ones wont show up. What can I do? Thank you very much!
Thank you
How to persiste data and the bottomnavigationbar when we click on any item of the list?
In Android Java, we can create as many pages as we want and navigate through them easely, keeping the bottomnavigationbar and back arrow in the Appbar.
Actually PodCoder, the solution to the above question will be awsome, or if anyone else has it.
Check coding with Andrea
@@M.......A Thank you for the tip. I found the link below and if you have an updated or better approach, please post a link for us.
codewithandrea.com/articles/2018-07-07-multiple-navigators-bottom-navigation-bar/
AutomatickeepAliveClientMixin is not working for swiper can u suggest how to persist the state for more than 50 pages implemented using flutter swiper?
can you tell what is PageStorageBucket and PageStorage?
Thank you so much
thanks a lot
Thanks a lot !
Good explanation thanks.
I have try that and it work. But I have a problem.
When I hot restart, the bottom navigator bar disappear, How can I solve this? Also, when close the app and reopen, the bottom navigator is not showing.
Thank you for any help.
6:48 starting
super.build(context); showing error this method is always abstracted in super class why
awesome!!!!!!!!
Please make this video with page storage key concept
if you click on one of the blog posts and you go to blog post...I loose the tabs...I dont want to loose tabs
so when i have http request in each page , how send http request only when page show for user ?
If you apply a state management solution with this it would be great.
But if you have a small app, then you can call http request in DidChangeDependencies
Can u share the link of ur code in github
Very handy
Hello. I am having error in "super.build(context);" that is: "The method 'build' is always abstract in the supertype.".
Sorry for my english
sorry, i see the error now
hello @PodCoder
please make video on how to add 'can go then go back on webview on backPressed'
please make video on it
and also download listener on webview
please
please
please
.😃👏🏽👏🏽👏🏽👏🏽👏🏽👏🏽👏🏽👏🏽👏🏽.
thank you very much