BOTTOM NAV BAR • Flutter Widget of the Day #09

Рет қаралды 40,679

2 жыл бұрын

💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatA...
📱 Flutter Courses • mitchkoko.app/
👨🏽‍💻 I'm coding a startup.. / mitchkoko
/ createdbykoko
/ createdbykoko
/ createdbykoko
💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
~ ;
The bottom navigation bar is a crucial widget for any flutter developer. It is the menu at the bottom of your apps. In this video, I'll show you how to easily implement the bottom nav bar into your app as well as how to properly structure your project.
L E T ' S L I N K U P
instagram: / createdbykoko
github: github.com/mitchkoko/
website: mitchkoko.app/
facebook: / createdbykoko
patreon: / mitchkoko

Пікірлер: 44

@createdbykoko 10 ай бұрын

🔥📱 Flutter Templates • mitchkoko.app/ 🥷🏽📱 Minimal Social App • mitchkoko.gumroad.com/l/MinimalSocialApp 💰📱 Minimal Ecommerce App • mitchkoko.gumroad.com/l/MinimalEcommerceApp

@Michael-The-Composer Ай бұрын

Hi there, I'm Michael! I'm a brand-new Flutter developer, so I've been looking for tutorials and this series is perfect! I'm actually crying from joy at how well you explain things, and I love that you add best practices at the end, because that's exactly the kind of thing I've been looking for. Thanks so much for this content!

@createdbykoko Ай бұрын

@@Michael-The-Composer happy it helps :)

@mmathems395 Жыл бұрын

Many thanks for this content Mitch, and for recommending it to me. In this video was more than what I needed to get me to where I'm trying to reach : )

@gdsantos2002 Жыл бұрын

Fantastic tutorials man, great work!

@dvasq780 Жыл бұрын

This was super helpful, thanks!

@shamshaider7706 2 жыл бұрын

great sir your one of the best teacher of flutter and also thanks to guide me ..

@abdulrahmanshalabi5688 2 жыл бұрын

Your explanation is very clear thanks

@crazy-man 2 жыл бұрын

interesting video format, the brain is not overloaded, you can learn something new about each widget

@alaminislam-fq9jc 2 жыл бұрын

your explanation and video quality in awesome, thank you sir.

@thedanielsdev2272 2 жыл бұрын

God bless you for this bro

@swapnildharu 2 ай бұрын

Very Helpful , Thank you...

@stevenhoang4142 Жыл бұрын

Very niceeee video !!!!

@user-gh5bi2tq4d 5 ай бұрын

Helped alot ;)

@metinhasan6110 7 ай бұрын

Thank you for the nice video

@001Debjeet 2 жыл бұрын

please make a video on detailed state management

@mehmetaltinsoy525 2 жыл бұрын

Thank you

@ganeshbhat5761 2 жыл бұрын

Was just working on bottom nav, Quick question, is there a way to handle padding to add/ reduce width between BottamNavigationBarItem?

@danialothman 2 жыл бұрын

Hey @Mitch Koko, I love the vids man. Just wondering, what Mac exactly are you using? MacBook air 8GB RAM or something better?

@mruduladdipalli5417 2 жыл бұрын

BottomNavigationBarType.Fixed was new and useful concept

@chahinezremaci4516 Жыл бұрын

merciiiii

@brotherthegrest Жыл бұрын

this man is amazing

@createdbykoko Жыл бұрын

💜💜💜

@shansalaayodya8149 2 жыл бұрын

Done and dusted🥰

@da_7402 2 жыл бұрын

Some of are beginners God bless You are a Great work.

@createdbykoko 2 жыл бұрын

I'm glad you find it useful :)

@user-ui5iy1ij6l 2 ай бұрын

I love you Sir

@yasasb418 2 жыл бұрын

Thank You Very Much

@createdbykoko 2 жыл бұрын

You are welcome :D

@EKMTech 5 ай бұрын

tnx

@tochukwuugwu3738 Жыл бұрын

This is very helpful

@createdbykoko Жыл бұрын

Ayeee glad it helps you brother!! ❤️❤️

@trophytunes4407 2 жыл бұрын

Good Jobs.....

@justincoding 2 жыл бұрын

how to remove bottom navigation bar on specific page

@mmathems395 Жыл бұрын

The problem I'm having seems to be from not starting my app from scratch before adding the BottomNavBar. So, I can get the example to work when it's a blank app, but when I try it with already-created screens, the menu notices the screen taps and the selection, but the screen won't change ... So next I'll try a blank class with just a BNB, and then I'll pick out the screens. It seems that that might work.

@mmathems395 Жыл бұрын

Finally! I got it to work : ) Turns out to be a much simpler setup than I thought. Thanks again for your input.

@orion1701 9 ай бұрын

What if a page is inside the homePage?

@HimangshuB Жыл бұрын

How to make dafault selected item false

@danielnelson9996 Жыл бұрын

Hey Mitch, awesome tutorial! QQ - why do you have a separate home and homepage dart file? wouldn't it be easier to have them consolidated? Or is it best practice to have one main homepage file with more code (like having the bottomNavBar widget) so the rest of the pages are clean and consistent?

@createdbykoko Жыл бұрын

Hey Daniel great question. Although yea you can do it all in one file, if you’re coding up many screens in one file then it might become too long and hard to read. Especially since the pages of a real app would have more than just a text widget. I would say it’s good to separate the pages out into separate files. ❤ hope that helps

@TopGearTechnics 3 ай бұрын

Hey KOKO, here I'm again! 😅 .. The issue I was facing is cleared with this video.. But the nested Navigation isn't working! The navigation and appBar is going away!! I mean.. in appBar "action" I had a profile page.. in BNB I have a same profile page too.. when I press on appBar's profile.. it don't show the BNB! little help again please!! 🙏

@TopGearTechnics 3 ай бұрын

I really apretiate the response 🥹.. Like u r working on the video for this.. or something please 🙏

@ChristianMora Жыл бұрын

Hi, I have an existing body: in my code, How I can add your body: _pages[_selectedIndex], ? I can't have two Thanks

@yusra5100 Жыл бұрын

Hi, firstly thanks for awesome tutorial, I used : selectedIconTheme: IconThemeData(color: Colors.amber,size: 30), unselectedIconTheme: IconThemeData(color: Colors.blue,size: 30), The size has changed but the colors have not, can anyone help me understand why?