Modern Bottom Nav Bar📱Flutter Tutorial ♡

Подписаться 121 тыс.

Просмотров 166 тыс.

50% 1

💬 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...
~ ;
Google Navigation Bar Flutter
Package here: pub.dev/packages/google_nav_bar
📱 TIKTOK • vm.tiktok.com/ZSePuSN4n/
📱 INSTAGRAM • / createdbykoko
💻 GITHUB • github.com/mitchkoko/
🖥 WEBSITE • mitchkoko.app/
#flutter #createdbykoko #uidesign

Наука

Опубликовано:

10 апр 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 84

@createdbykoko 2 года назад

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

@Virandayaratne Год назад

Is it possible to maintain two navigations in the same app, left side for display all and bottom to display few but using heavily? Is it possible ?

@SukiBuild 5 месяцев назад

You, my guy, are a real G! Genius! My new favorite channel

@amjadzayed5651 Год назад

looks very nice, thank you

@aswink7856 4 месяца назад

Thanks man.. It really helped me

@aristidesminota3709 Год назад

Easy explain and quickly, thanks !

@createdbykoko Год назад

My pleasure bro glad u like it

@yasasb418 2 года назад

Thank You So Much Clean Work.

@createdbykoko 2 года назад

Glad it helped!

@kyrieirving6301 Год назад

Easy and perfect explain!

@createdbykoko Год назад

Glad u like it

@boomarques Год назад

Thanks buddy, it was so helpful!

@createdbykoko Год назад

No problem! Glad it helps you 💜👍🏽

@tristangrobler4950 Год назад

Nice tutorial!!

@createdbykoko Год назад

Thanks ❤️

@eboatwright_ 2 года назад

Great! :)

@maziqueen Год назад

thankssss!!

@createdbykoko Год назад

Haha nws 💜

@adjeirichard9239 Год назад

nice tutorial,am really grateful. please how wil can use image instaed of icon in the gbutton?

@michaelschafferAT 5 месяцев назад

Super compact and helpful information once again. But I wanted to show the notification badge on the page like in the animation. But can't find that. Does the package perhaps not support this out of the box?

@ARCYCRIN Год назад

Bro I like the way you explain, very simple and really cool. Thanks, I'm subscribing, I'm looking forward to more cool videos.

@createdbykoko Год назад

More to come! 💜

@mahdiabbasijavan9050 Год назад

excellent😍

@createdbykoko Год назад

🥰🥰🥰

@hemantchauhan6437 Год назад

Do you have any idea about how to add drawer widget in navbar?

@Mihael1225 Год назад

make a tutorial for this package for the navigaton buttons and the pages pls

@j.k24 Год назад

yoyo, i wonder, is it possible to create customizable items for users to add manually?

@mmathems395 11 месяцев назад

Hi Mitch ... Thank you for this content as I am seeking a nav-bar solution and maybe this one will do the job. I need say that the record level of your video is quite high so that the sound of your voice triggers bass distortion.

@galamarciriebi4247 9 месяцев назад

thx guy

@SalamCJ Год назад

The problem is while pressing back button in 2nd or 3rd of bottom navigation page the app exited .for instance in Gamil ,RU-vid if it's not the 1st page the app will always get back to the first page when poping screen from other bottom navigation pages

@MustafaACIRCI 7 месяцев назад

Hi Mitch First of all, thank you. there is a problem. I don't know if you have tried the widget on a real phone, but when I tried it, I had problems with the tab selection sensitivity. I sometimes felt the need to press a button 3 times. I wonder what's the problem?

@Ramaihaholic 2 месяца назад

my question would be. how do i link those buttons to specific urls

@99Points 2 года назад

bro, how many programming languages you know and since when are coding?

@JAY-bo7tg 2 года назад

Please make video player app please...🥺

@naijadailyplus Год назад

Same thing I need😞😞

@Voicecartel Месяц назад

Great video man. Get a pop filter for your mic

@rabbitcafe 5 месяцев назад

Please how to keep gnav when change page? such as cupertinoScaffold cupertinoTabBar.

@telmocosta5745 Год назад

Is it possible to add a label to a GButton?

@sepddy 10 месяцев назад

i want to set mainAxisAlignment to center but make little space between gbuttons , what should i do ? there is no property for that !

@vjgoutham 2 года назад

Tutorial on Custom painter with animations please..

@hellkingaakif 11 месяцев назад

Where can I download this

@zyalwfie 7 месяцев назад

how to fix the gnav is being overflow?

@codewithprajith 4 месяца назад

Could I able to navigate to other widgets?

@narcissisticnarcissus4956 Год назад

How do you make the dummy phone presentations, like the one at the end? It looks cool!

@createdbykoko Год назад

rotato

@ilham-t9y 3 месяца назад

Why use google navbar instead of the default flutter appbar?

@jimcarryus 8 месяцев назад

how to navigation the button? i need

@chanukaranathunga6824 7 месяцев назад

How to display the favourite count?

@mmathems395 11 месяцев назад

Hi Mitch, I just watched all the way thru and it was the screen-switching technique that I wanted to see and compare. Would you have an example of this aspect anywhere please?

@createdbykoko 11 месяцев назад

Hey! You might want this one: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qk-a_Qgc6b0.html let me know if this helps

@mmathems395 11 месяцев назад

@@createdbykoko Hi Mitch, thank you for your response. This video was very helpful. I like the range of examples that you showed here. Excellent content : )

@HindiSongslofi 10 месяцев назад

How to make persistent bottom nav

@TariqJavaidChaudhry 2 года назад

Hey Mitch, I supported you by buying your course, please let me know if we can connect 1:1 to dive deeper into it. Keep growing...

@createdbykoko 2 года назад

I emailed you :)

@MWStudiooo 2 года назад

Hi Custom painter series with animation please😅

@pchasco Год назад

I like this design, but isn't it somewhat bad UX given that the label for the tab isn't visible until AFTER you open that tab? The point of the label is so that you can find the tab you're looking for. If it isn't visible until after you click on it, it serves little function.

@createdbykoko Год назад

That's a good point! With that said I love having the bottom nav bar with purely icons anyway (and no labels). That's just my preference though, but as you pointed out it's always good to question the UX of designs to see if it's practical 💜👍🏽

@giovannylima8637 8 месяцев назад

top

@AngelLopez-nc2ib Год назад

is it possible to change the icons to images I downloaded?

@apmgaming6854 Год назад

if you found out how to do this. please share how

@jay_726 Год назад

i have added 5 icons and getting render flex error on taping 3rd and onwards icons can anyone suggest the solution...

@lauliyi1640 Год назад

@nicolamochi5503 2 года назад

Hi thanks for the video. I am getting when I type: body: _pages:[_selectedIndex]. I get: The argument type 'List' can't be assigned to the parameter type 'Widget?'. Someone knows why?

@createdbykoko 2 года назад

it should be: body: _pages[_selectedIndex] Look carefully please

@nicolamochi5503 2 года назад

@@createdbykoko Oh gosh thanks!! And what if I would insert in the body also a Container with a list, where should I place the _pages[_selectedIndex]? Because it tells me that I have Too many positional arguments: 0 expected, but 1 found.

@joeldefreitas9304 10 месяцев назад

Hi mitch, I am new in flutter, i followed the same code as you, but the onTapChange is giving me error about not a constant expression. I don't understand why it is giving me this error and the code is tha same as you

@SvenNL. 10 месяцев назад

Found the solution, try to remove the const from Padding. ``` child: Padding( padding: const EdgeInsets.symmetric(horizontal: 15.0, vertical: 20), child: GNav( onTabChange: (index) { print(index); }, gap: 8, ```

@divinemacdonald1675 Год назад

How can I Navigate to different pages?

@abdulhamidalmahyni3276 Год назад

did u find any video for that

@morekaccino 2 года назад

you should've used SafeArea instead of Padding

@TopGearTechnics 3 месяца назад

Hey KOKO... this bottomNavigationBar isn't staying in all other pages when I navigate... How can I maintain this BNB in all other pages when I navigate...

@createdbykoko 3 месяца назад

Watch this first ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qk-a_Qgc6b0.htmlsi=_WPv2pAF5EGNDWGa

@miniyoongi7 3 месяца назад

i have the same issue and i searched a lot for a solution but found nothing ): did you find anything helpful so far?

@createdbykoko 3 месяца назад

@@miniyoongi7 watch this first ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qk-a_Qgc6b0.htmlsi=cSKFI1Di-_b85BD2

@TopGearTechnics 3 месяца назад

@@miniyoongi7 hi, author sent a link, it is helpful for me! Have a look!!

@miniyoongi7 3 месяца назад

@createdbykoko sorry, my issue is when i am in another page and want to navigate to one of those 4 pages, it comes without Appbar and nav bar because we didn't add it to each, i just don't know how to navigate to this main page with a specific index