BOTTOM NAV BAR • Flutter Widget of the Day #09

Sdílet
Vložit
  • čas přidán 11. 10. 2021
  • 💬 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
  • Věda a technologie

Komentáře • 44

  • @createdbykoko
    @createdbykoko  Před 10 měsíci

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

  • @Michael-The-Composer
    @Michael-The-Composer Před 28 dny +2

    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!

  • @mmathems395
    @mmathems395 Před rokem +3

    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 : )

  • @abdulrahmanshalabi5688
    @abdulrahmanshalabi5688 Před 2 lety +1

    Your explanation is very clear thanks

  • @shamshaider7706
    @shamshaider7706 Před 2 lety +4

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

  • @gdsantos2002
    @gdsantos2002 Před rokem

    Fantastic tutorials man, great work!

  • @alaminislam-fq9jc
    @alaminislam-fq9jc Před 2 lety +1

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

  • @dvasq780
    @dvasq780 Před rokem

    This was super helpful, thanks!

  • @crazy-man
    @crazy-man Před 2 lety

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

  • @swapnildharu
    @swapnildharu Před 2 měsíci

    Very Helpful , Thank you...

  • @danialothman
    @danialothman Před 2 lety

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

  • @mruduladdipalli5417
    @mruduladdipalli5417 Před 2 lety +3

    BottomNavigationBarType.Fixed was new and useful concept

  • @thedanielsdev2272
    @thedanielsdev2272 Před 2 lety

    God bless you for this bro

  • @ganeshbhat5761
    @ganeshbhat5761 Před 2 lety +1

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

  • @001Debjeet
    @001Debjeet Před 2 lety +3

    please make a video on detailed state management

  • @stevenhoang4142
    @stevenhoang4142 Před rokem

    Very niceeee video !!!!

  • @metinhasan6110
    @metinhasan6110 Před 7 měsíci

    Thank you for the nice video

  • @user-gh5bi2tq4d
    @user-gh5bi2tq4d Před 5 měsíci

    Helped alot ;)

  • @da_7402
    @da_7402 Před 2 lety +2

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

  • @mehmetaltinsoy525
    @mehmetaltinsoy525 Před 2 lety

    Thank you

  • @yasasb418
    @yasasb418 Před 2 lety +2

    Thank You Very Much

  • @brotherthegrest
    @brotherthegrest Před rokem +1

    this man is amazing

  • @justincoding
    @justincoding Před 2 lety +1

    how to remove bottom navigation bar on specific page

  • @shansalaayodya8149
    @shansalaayodya8149 Před 2 lety

    Done and dusted🥰

  • @tochukwuugwu3738
    @tochukwuugwu3738 Před rokem +1

    This is very helpful

    • @createdbykoko
      @createdbykoko  Před rokem

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

  • @orion1701
    @orion1701 Před 9 měsíci

    What if a page is inside the homePage?

  • @chahinezremaci4516
    @chahinezremaci4516 Před rokem

    merciiiii

  • @mmathems395
    @mmathems395 Před rokem

    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
      @mmathems395 Před rokem

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

  • @user-ui5iy1ij6l
    @user-ui5iy1ij6l Před 2 měsíci

    I love you Sir

  • @EKMTech
    @EKMTech Před 5 měsíci

    tnx

  • @HimangshuB
    @HimangshuB Před rokem

    How to make dafault selected item false

  • @danielnelson9996
    @danielnelson9996 Před rokem +1

    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
      @createdbykoko  Před rokem +2

      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

  • @trophytunes4407
    @trophytunes4407 Před 2 lety

    Good Jobs.....

  • @TopGearTechnics
    @TopGearTechnics Před 3 měsíci

    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
      @TopGearTechnics Před 3 měsíci

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

  • @yusra5100
    @yusra5100 Před rokem

    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?

  • @ChristianMora
    @ChristianMora Před rokem

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