Bottom Navigation Bar in Flutter - Programming Addict

[@saritaparikh2166]

Just wanted to thank you for this! It's straightforward, quick, and very effective. Much appreciated!

Love to stumble upon flutter creators. I'll share this around, keep up the work my dude!

[@B34ST-SL4Y3R]

Thank You so much for this!!! Short, to the point, had everything I needed to know.

[@KristiJorgji]

The tricky part for production apps is using analytics with bottomnavigationbar ;). You should make a video explain routeaware,routeobserver and how to detect changes

[@fruitfcker5351]

FYI, BottomNavigationBarItem->title is depracated. Use "label" instead.

[@aadityapradhan6309]

how can we style a text of label? like changing the font size. color and family

[@henrypowell3496]

@@aadityapradhan6309 like this Text("you text here", textstyle:TextStyle(styling here))

[@mohammedsharooqn5782]

yes use label: "label_name". instead of title: text("text")

[@MrQooje2]

Great explanation, simple, and straight to the point! Thanks!

[@ProgrammingAddict]

Glad you found it valuable

[@siddharthmundra1895]

bro youre a legend this worked for me. ps its 216am and I have a whole frickin app due tomorrow

[@lemonyth]

Thank you so much! this worked perfectly for me! Was I relieved when I found that I didn't need to add my own animation effects to the icons!

[@tavish7153]

Excellent Tutorial Simple and useful..Very great teaching!

[@Zizo1st]

Perfect!, Straight to the point, Well explained, Big like & Keep up the good work 👍👍

[@batyanko8283]

Great stuff, focused and clearly demonstrated.

[@ProgrammingAddict]

Glad you liked it

[@joeljohnson8385]

Great tutorial. But i recommend adding the link to the code base in the description box ,for those of who wants to check it for reference .Thank you

[@BarnsFacts]

Straight to the point, love it!

[@tresormvumbi]

Great explanation: concise and clear, thanks a lot dude

[@mahrashmalik7429]

exactly thats also my point i love this concise and clear explaination i also subscribe this channel for more content like this ...

[@vert3cx373]

Insane video! Super easy, quick and helpful! Thanks dude!!

[@geralddarkobekoe]

You just keep saving me,thanks a lot sir

[@Yelllow_Flash]

Loved it, man!

[@yakine13]

Fast, clean, simple.

[@ProgrammingAddict]

Thanks, glad you liked it

[@thushankalana4940]

Great Lesson 😊🤟 Thank you so much ❤❤❤

[@gayratbeshimov9533]

It is very good and simple lesson! Thanks!

[@maazafridi2090]

Awesome video... very helpful...

[@vinaybichave2156]

Thank u soo much... nice, concise n simple video

[@saulperez1848]

Buen vídeo amigo, me ayudó mucho para mi proyecto universitario.

[@mirajehossain]

Fantastic tutorial!! great job!

[@caesiumstudios3622]

3 years and is the simplest and best.

[@zinoua9884]

bruh thanks x) this is exactly what i needed

[@EvgenJON]

My english is on the lvl london is the capital of Great Briatan, but i understand all. Thanks! Very useful video.

[@alpceylan]

I speak London too very good language

[@faizandarwesh7867]

Great tutorial. Only question is that we can customize the shape of this bottom.navigation bar? Like a floating button at center with some items?

[@williamvinct]

Thanks bro, very clear and helpful. New subscriber incoming!

[@caterthejawa]

Fantastic video my guy!

[@ProgrammingAddict]

Glad you enjoyed it!

[@zepecat]

Great job! thanks. Keep them coming

[@Rishabsanjaywebsite]

Thank you so much ! Helped a lot!

[@muhammadfaqihudin8789]

thank you, the explanation is easy to understand

[@ProgrammingAddict]

I'm glad to hear that!

[@mahrashmalik7429]

exactly thats my point i love this concise and clear explaination i also subscribe this channel for more content like this ...

[@ProgrammingAddict]

Thanks!

[@raiyankazi]

Thanks, it helped me a lot.

[@ExpertTutor]

Very Useful ❤️

[@Randomdude-i8x]

With this setup, you're forced to place all your app's widgets in the tabs array. That will be a really big chunk of code. I'd like to put every tab in a different file but I load data from disk for every page. How do prevent that initstate is called every time a tab is changed?

[@siddakumar-patil]

Great dude..!! You made it too cool..!!

[@SammarpanDasguptaOfficial]

Thanks for this video that helps me a lot

[@denyszhereb6262]

Very useful 👍👍👍👍👍

[@andreferraz4271]

Very good tutorial!

[@theprogrammerslife]

Bubbled Navigation Bar - kzbin.info/www/bejne/fordgGSpZrlmeqs

[@nhexplorers]

Thanks for the great tutorials. Request: can you do one on scrollable text inside a Stack widget where the text outside the Stack is clipped?

[@muhammadjawadali987]

love it.. kindly tell me.Can we change app bar color simliarly while pressing icons using ontap(). I means when we click home button both bars change colors similarly at same time?Kindly elaborate it.

[@gautambedi591]

Please add the code link from next time. It really helps us to review the code. Thanks

[@heathenish8031]

thank u man, btw I like ur theme of vscode. can u tell me what that?

[@Marco-nv4bd]

nice work. i love u.

[@samuelcunha2229]

You helped me a lot

[@tomwambua6379]

Question, how did you link the tabs to the bottom navigation? Not seeing any code

[@yannog2]

Great video thanks

[@bambangw974]

great tutorial, Thanks

[@Sanjay54251]

nice explanation thanks

[@hrithikmishra1093]

you da best bud thanks

[@Becoder15604]

Ammmmmmmmmmmmmmmmmmmmmmmmmmmmmaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaazing Good way to teach tank u sir

[@AkshayVachhani]

What should I put in list if I have to call some page and not Text? like I Am on my HomePage the same page I built the navigation bar but its showing me error at "tabs[_currentIndex]"

[@realplayzyt9607]

Is it possible for me to put a floating action button instead of a center widget?

[@rainangel2517]

Great tutorial

[@ObviouslyProgrammer]

Thanks buddy, that helped

[@tomwambua6379]

And are you coding this on the main.dart file?

[@parsahosseini4241]

Hey Man! I've seen these navigation tabs animate when they are changed, How can I implement it? And Thanks A Lot For Your Contents Buddy:)

[@kingcedric7120]

I think he really cares about you.

[@parsahosseini4241]

@@kingcedric7120 Haha😂, 9 Monate und keine Antwort immer noch.

[@kingcedric7120]

@@parsahosseini4241 😂

[@CapitaoLemosBR]

change the fixed to BottomNavigationBarType.shifting

[@chrisvickers1803]

What if the body already contains something like a Column etc???

[@Mustafa_elektrick_engineer]

BottomNavigationBarItem( icon: Icons.add, title: Text('add'), ) Changed to BottomNavigationBarItem( icon: Icons.add, label: 'add', )

[@sensornyy]

Bro how to change font in of the text in “label”

[@lennoxmonge6014]

y si quiero deslizar los dedos y que pase la siguiente ventana? ¿en ese caso como lo programo?

[@GET_1T_D0NE]

Thanks man 👍

[@mahrashmalik7429]

i love it broo ; - 0

[@vohoangtuIT]

Hello, i want to menu navigation on top screen, how to do?

[@order_truth_involvement6135]

Please help me, I don't want a title, but leaving it blank affects the padding, and leaving it as a container also affects things, the title CANNOT be empty, or else the program returns an error saying the title property cannot be null value, this is so annoying!

[@StudySeeker]

hello, how to change unselected and selected font color?

[@lucas-lima939]

How do i see the required properties like you do? What command I do to open this drawer on screen?

[@sadhlife]

it's called intellisense, it's available in visual studio code if you install the dart and flutter plugins, and it's also available in android studio with flutter plugin

[@muhammadjawadali987]

How to set route to another screen like home screen after clicking home icon in bottom navigation bar

[@pavankumarv5214]

Subscribed ❤️

[@ProgrammingAddict]

Thanks!

[@alvishramani4]

Thanks Sir G...👍

[@thinspeed]

You are the best one. I wanna child from your

[@keithbacalso9433]

What emulator you used? I only saw screen emulator without "a picture of the body of the phone?"

[@ProgrammingAddict]

I used the standard android emulator, but I turned off the device frame, there is an option for that somewhere in android studio

[@ismailkoyuncu5518]

Thanks for help and explain .You doesnt show it pages For Example how to start ? ... So i dont understand wich one it page are you open and write codes.. Just you are down it pages..I dont understand where i can uses or write codes . Thanks .

[@msopheak3371]

Hello, i want you help me, in this tutorial bottom navigation if i have menu Icon and i want when click it. can popup like a Drawer menu. how to do???

[@martinacatherine88]

How can I add navigator push to the selected tabs?

[@heyt0pe]

probably use a IconButton and set the onPressed function

[@janikcodes]

For some reason I cannot type setState(), he is not finding the function for it.

[@QasimFPS]

same!

[@QasimFPS]

did you found the solution for it??

[@romulusremus5778]

Can you please more video related to Flutter WebApp. There is little or no video about Flutter WebApp. Would be very helpful because you can do a lot with Flutter WebApp.

[@ProgrammingAddict]

I won't cover it soon because It's still in very early development and I don't really care for it

[@romulusremus5778]

​@@ProgrammingAddict ok

[@faisalsaki5905]

can you please show your top to bottom code

[@droidxxi]

Thank you so much!

[@iqramunir1468]

Thank you Sir!

[@noelxxiv9382]

Hey nice video really helpful, can you helpme i have done all exactly as you but get error "_Type is not a subtype of type Widget"

[@khizarmasroor9723]

After posting this video, You should upload source code...That's an efficient way...

[@urveshtrivedi3681]

Thanks...😍

[@nitinpoojary2779]

Thank you helpful

[@robertkundi2856]

That's cool man

[@danteblack8316]

Awesome !

[@carlosmatthew3805]

Thank you so much

[@nhiemletin6009]

thật tuyêt, cảm ơn adm

[@moazelsawaf2000]

Thanks ❤

[@voicetv9048]

Error, red display 🤔

[@tunahanyldz7027]

can you open subtıtles please

[@habuwet]

Thanks bro

[@deepmeyt]

to anyone who want to make it swipe-able, use this: import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: MyApp(), )); } class MyApp extends StatefulWidget { // This widget is the root of your application. @override _MyAppState createState() => _MyAppState(); } class _MyAppState extends State { int bIndex = 0; PageController _c; @override void initState() { _c = PageController( initialPage: bIndex, ); super.initState(); } @override Widget build(BuildContext context) { return Scaffold( body: PageView( controller: _c, onPageChanged: (newPage) { setState(() { this.bIndex = newPage; }); }, children: [ Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon(Icons.supervised_user_circle), Text("Users") ], ), ), Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [Icon(Icons.notifications), Text("Alerts")], ), ), Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [Icon(Icons.mail), Text("Inbox")], ), ), Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [Icon(Icons.unarchive), Text("OutBox")], ), ), ], ), bottomNavigationBar: BottomNavigationBar( currentIndex: bIndex, onTap: (index) { _c.animateToPage(index, duration: Duration(milliseconds: 500), curve: Curves.easeInOut); }, elevation: 4, selectedItemColor: Colors.black, items: [ BottomNavigationBarItem( icon: Icon(Icons.home), title: Text('Home'), backgroundColor: Colors.red, ), BottomNavigationBarItem( icon: Icon(Icons.directions_bike), title: Text('Cycle'), backgroundColor: Colors.green, ), BottomNavigationBarItem( icon: Icon(Icons.cake), title: Text('Cake'), backgroundColor: Colors.blue, ), BottomNavigationBarItem( icon: Icon(Icons.brightness_2), title: Text('Night'), backgroundColor: Colors.grey[600], ), ], ), ); } }

[@LOFIeSonsRelaxantes]

help a lot.

[@soudabuhanak]

amazing thx

[@abdulahijimale315]

Thanks sir

[@aminsamad6900]

thank you

[@muhammadamjad8649]

to the point