Bottom Navigation Bar in Flutter - Programming Addict

  Рет қаралды 202,362

Programming Addict

Programming Addict

4 жыл бұрын

►SUBSCRIBE TO THE CHANNEL◄
►FOR ANY QUESTIONS CONTACT ME AT◄
programmingaddictyt@gmail.com

Пікірлер: 140
@saritaparikh2166
@saritaparikh2166 3 жыл бұрын
Just wanted to thank you for this! It's straightforward, quick, and very effective. Much appreciated!
3 жыл бұрын
Love to stumble upon flutter creators. I'll share this around, keep up the work my dude!
@Abhishek-fc7fy
@Abhishek-fc7fy 2 жыл бұрын
Thank You so much for this!!! Short, to the point, had everything I needed to know.
@BarnsWills
@BarnsWills 3 жыл бұрын
Straight to the point, love it!
@lemonyth
@lemonyth 3 жыл бұрын
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!
@Yelllow_Flash
@Yelllow_Flash 2 жыл бұрын
Loved it, man!
@vert3cx373
@vert3cx373 3 жыл бұрын
Insane video! Super easy, quick and helpful! Thanks dude!!
@siddharthmundra1895
@siddharthmundra1895 2 жыл бұрын
bro youre a legend this worked for me. ps its 216am and I have a whole frickin app due tomorrow
@geralddarkobekoe
@geralddarkobekoe 4 жыл бұрын
You just keep saving me,thanks a lot sir
@zepecat
@zepecat 4 жыл бұрын
Great job! thanks. Keep them coming
@MrQooje2
@MrQooje2 4 жыл бұрын
Great explanation, simple, and straight to the point! Thanks!
@ProgrammingAddict
@ProgrammingAddict 4 жыл бұрын
Glad you found it valuable
@KristiJorgji
@KristiJorgji 4 жыл бұрын
The tricky part for production apps is using analytics with bottomnavigationbar ;). You should make a video explain routeaware,routeobserver and how to detect changes
@Zizo1st
@Zizo1st 3 жыл бұрын
Perfect!, Straight to the point, Well explained, Big like & Keep up the good work 👍👍
@mirajehossain
@mirajehossain 3 жыл бұрын
Fantastic tutorial!! great job!
@batyanko8283
@batyanko8283 4 жыл бұрын
Great stuff, focused and clearly demonstrated.
@ProgrammingAddict
@ProgrammingAddict 4 жыл бұрын
Glad you liked it
@Rishabsanjaywebsite
@Rishabsanjaywebsite 3 жыл бұрын
Thank you so much ! Helped a lot!
@saulperez1848
@saulperez1848 4 жыл бұрын
Buen vídeo amigo, me ayudó mucho para mi proyecto universitario.
@tavish7153
@tavish7153 Жыл бұрын
Excellent Tutorial Simple and useful..Very great teaching!
@zinoua9884
@zinoua9884 2 жыл бұрын
bruh thanks x) this is exactly what i needed
@thushankalana4940
@thushankalana4940 Ай бұрын
Great Lesson 😊🤟 Thank you so much ❤❤❤
@williamvinct
@williamvinct 3 жыл бұрын
Thanks bro, very clear and helpful. New subscriber incoming!
@gayratbeshimov9533
@gayratbeshimov9533 Жыл бұрын
It is very good and simple lesson! Thanks!
@joeljohnson8385
@joeljohnson8385 4 жыл бұрын
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
@siddakumarpatil2694
@siddakumarpatil2694 4 жыл бұрын
Great dude..!! You made it too cool..!!
@maazafridi2090
@maazafridi2090 Жыл бұрын
Awesome video... very helpful...
@droidxxi
@droidxxi 2 жыл бұрын
Thank you so much!
@fruitfcker5351
@fruitfcker5351 3 жыл бұрын
FYI, BottomNavigationBarItem->title is depracated. Use "label" instead.
@aadityapradhan6309
@aadityapradhan6309 3 жыл бұрын
how can we style a text of label? like changing the font size. color and family
@henrypowell3496
@henrypowell3496 3 жыл бұрын
@@aadityapradhan6309 like this Text("you text here", textstyle:TextStyle(styling here))
@mohammedsharooqn5782
@mohammedsharooqn5782 Жыл бұрын
yes use label: "label_name". instead of title: text("text")
@oldassdude2251
@oldassdude2251 3 жыл бұрын
Wish I could give you a million likes
@ProgrammingAddict
@ProgrammingAddict 3 жыл бұрын
Hahaha thanks!
@robertkundi2856
@robertkundi2856 Жыл бұрын
That's cool man
@vinaybichave2156
@vinaybichave2156 3 жыл бұрын
Thank u soo much... nice, concise n simple video
@ObviouslyProgrammer
@ObviouslyProgrammer 10 ай бұрын
Thanks buddy, that helped
@andreferraz4271
@andreferraz4271 3 жыл бұрын
Very good tutorial!
@hrithikmishra1093
@hrithikmishra1093 3 жыл бұрын
you da best bud thanks
@nhexplorers
@nhexplorers 4 жыл бұрын
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?
@caterthejawa
@caterthejawa 4 жыл бұрын
Fantastic video my guy!
@ProgrammingAddict
@ProgrammingAddict 4 жыл бұрын
Glad you enjoyed it!
@raiyankazi
@raiyankazi 3 жыл бұрын
Thanks, it helped me a lot.
@samuelcunha2229
@samuelcunha2229 2 жыл бұрын
You helped me a lot
@danteblack8316
@danteblack8316 3 жыл бұрын
Awesome !
@Marco-nv4bd
@Marco-nv4bd 3 жыл бұрын
nice work. i love u.
@SammarpanDasguptaOfficial
@SammarpanDasguptaOfficial 3 жыл бұрын
Thanks for this video that helps me a lot
@rainangel2517
@rainangel2517 4 жыл бұрын
Great tutorial
@yannickmartens1428
@yannickmartens1428 4 жыл бұрын
Great video thanks
@ExpertTutor
@ExpertTutor 3 жыл бұрын
Very Useful ❤️
@bambangw974
@bambangw974 3 жыл бұрын
great tutorial, Thanks
@program2445
@program2445 3 ай бұрын
Thank you very much
@heathenish8031
@heathenish8031 2 жыл бұрын
thank u man, btw I like ur theme of vscode. can u tell me what that?
@faizandarwesh7867
@faizandarwesh7867 3 жыл бұрын
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?
@yakine13
@yakine13 3 жыл бұрын
Fast, clean, simple.
@ProgrammingAddict
@ProgrammingAddict 3 жыл бұрын
Thanks, glad you liked it
@mahrashmalik7429
@mahrashmalik7429 3 жыл бұрын
i love it broo ; - 0
@caesiumstudios3622
@caesiumstudios3622 Жыл бұрын
3 years and is the simplest and best.
@GAMER_DEVEL00PER
@GAMER_DEVEL00PER 3 жыл бұрын
Thanks man 👍
@tomwambua6379
@tomwambua6379 Жыл бұрын
Question, how did you link the tabs to the bottom navigation? Not seeing any code
@iqramunir1468
@iqramunir1468 2 жыл бұрын
Thank you Sir!
@aminsamad6900
@aminsamad6900 3 жыл бұрын
thank you
@harry356
@harry356 2 жыл бұрын
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?
@Sanjay54251
@Sanjay54251 3 жыл бұрын
nice explanation thanks
@denyszhereb6262
@denyszhereb6262 3 жыл бұрын
Very useful 👍👍👍👍👍
@soudabuhanak
@soudabuhanak 4 жыл бұрын
amazing thx
@AkshayVachhani
@AkshayVachhani 3 жыл бұрын
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]"
@chrisvickers1803
@chrisvickers1803 4 жыл бұрын
What if the body already contains something like a Column etc???
@realplayzyt9607
@realplayzyt9607 10 ай бұрын
Is it possible for me to put a floating action button instead of a center widget?
@lennoxmonge6014
@lennoxmonge6014 4 жыл бұрын
y si quiero deslizar los dedos y que pase la siguiente ventana? ¿en ese caso como lo programo?
@muhammadjawadali987
@muhammadjawadali987 3 жыл бұрын
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.
@carlosmatthew3805
@carlosmatthew3805 3 жыл бұрын
Thank you so much
@msopheak3371
@msopheak3371 4 жыл бұрын
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???
@tresormvumbi
@tresormvumbi 4 жыл бұрын
Great explanation: concise and clear, thanks a lot dude
@mahrashmalik7429
@mahrashmalik7429 3 жыл бұрын
exactly thats also my point i love this concise and clear explaination i also subscribe this channel for more content like this ...
@tomwambua6379
@tomwambua6379 Жыл бұрын
And are you coding this on the main.dart file?
@nhiemletin6009
@nhiemletin6009 2 жыл бұрын
thật tuyêt, cảm ơn adm
@nitinpoojary2779
@nitinpoojary2779 4 жыл бұрын
Thank you helpful
@habuwet
@habuwet 2 жыл бұрын
Thanks bro
@muhammadfaqihudin8789
@muhammadfaqihudin8789 3 жыл бұрын
thank you, the explanation is easy to understand
@ProgrammingAddict
@ProgrammingAddict 3 жыл бұрын
I'm glad to hear that!
@alvishramani4
@alvishramani4 3 жыл бұрын
Thanks Sir G...👍
@Harsh-ok9mw
@Harsh-ok9mw Жыл бұрын
thanks ...
@muhammadamjad8649
@muhammadamjad8649 2 жыл бұрын
to the point
@abdulahijimale315
@abdulahijimale315 3 жыл бұрын
Thanks sir
@adamograph7949
@adamograph7949 Жыл бұрын
thanks
@urveshtrivedi3681
@urveshtrivedi3681 3 жыл бұрын
Thanks...😍
@LOFIeSonsRelaxantes
@LOFIeSonsRelaxantes 3 жыл бұрын
help a lot.
@mahrashmalik7429
@mahrashmalik7429 3 жыл бұрын
exactly thats my point i love this concise and clear explaination i also subscribe this channel for more content like this ...
@ProgrammingAddict
@ProgrammingAddict 3 жыл бұрын
Thanks!
@pavankumarv5214
@pavankumarv5214 3 жыл бұрын
Subscribed ❤️
@ProgrammingAddict
@ProgrammingAddict 3 жыл бұрын
Thanks!
@thinspeed
@thinspeed 2 жыл бұрын
You are the best one. I wanna child from your
@moazelsawaf2000
@moazelsawaf2000 4 жыл бұрын
Thanks ❤
@vohoangtuIT
@vohoangtuIT 4 жыл бұрын
Hello, i want to menu navigation on top screen, how to do?
@user-uz8gf5kv6y
@user-uz8gf5kv6y 3 жыл бұрын
От души!
@EvgenJON
@EvgenJON 3 жыл бұрын
My english is on the lvl london is the capital of Great Briatan, but i understand all. Thanks! Very useful video.
@alpceylan
@alpceylan 3 жыл бұрын
I speak London too very good language
@Becoder15604
@Becoder15604 Жыл бұрын
Ammmmmmmmmmmmmmmmmmmmmmmmmmmmmaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaazing Good way to teach tank u sir
@StudySeeker
@StudySeeker 3 жыл бұрын
hello, how to change unselected and selected font color?
@keithbacalso9433
@keithbacalso9433 4 жыл бұрын
What emulator you used? I only saw screen emulator without "a picture of the body of the phone?"
@ProgrammingAddict
@ProgrammingAddict 4 жыл бұрын
I used the standard android emulator, but I turned off the device frame, there is an option for that somewhere in android studio
@lucas-lima939
@lucas-lima939 4 жыл бұрын
How do i see the required properties like you do? What command I do to open this drawer on screen?
@sadhlife
@sadhlife 4 жыл бұрын
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
@order_truth_involvement6135
@order_truth_involvement6135 4 жыл бұрын
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!
@noelxxiv9382
@noelxxiv9382 4 жыл бұрын
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"
@ismailkoyuncu5518
@ismailkoyuncu5518 4 жыл бұрын
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 .
@parsahosseini4241
@parsahosseini4241 4 жыл бұрын
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
@kingcedric7120 4 жыл бұрын
I think he really cares about you.
@parsahosseini4241
@parsahosseini4241 4 жыл бұрын
@@kingcedric7120 Haha😂, 9 Monate und keine Antwort immer noch.
@kingcedric7120
@kingcedric7120 4 жыл бұрын
@@parsahosseini4241 😂
@CapitaoLemosBR
@CapitaoLemosBR 3 жыл бұрын
change the fixed to BottomNavigationBarType.shifting
@gautambedi591
@gautambedi591 6 ай бұрын
Please add the code link from next time. It really helps us to review the code. Thanks
@muhammadjawadali987
@muhammadjawadali987 3 жыл бұрын
How to set route to another screen like home screen after clicking home icon in bottom navigation bar
@martinacatherine88
@martinacatherine88 4 жыл бұрын
How can I add navigator push to the selected tabs?
@heyt0pe
@heyt0pe 4 жыл бұрын
probably use a IconButton and set the onPressed function
@faisalsaki5905
@faisalsaki5905 2 жыл бұрын
can you please show your top to bottom code
@otavioaugusto8171
@otavioaugusto8171 3 жыл бұрын
I love you
@tunahanyldz7027
@tunahanyldz7027 2 жыл бұрын
can you open subtıtles please
@janikcodes
@janikcodes 3 жыл бұрын
For some reason I cannot type setState(), he is not finding the function for it.
@Alibaba-iu6il
@Alibaba-iu6il 3 жыл бұрын
same!
@Alibaba-iu6il
@Alibaba-iu6il 3 жыл бұрын
did you found the solution for it??
Flutter Tutorial - Bottom Navigation Bar | The Right Way | Without Routes
10:26
Bottom Navigation Bar | Flutter Step by Step Tutorial with Example
4:24
The child was abused by the clown#Short #Officer Rabbit #angel
00:55
兔子警官
Рет қаралды 25 МЛН
Khó thế mà cũng làm được || How did the police do that? #shorts
01:00
Incredible magic 🤯✨
00:53
America's Got Talent
Рет қаралды 65 МЛН
Keep Bottom Navigation Bar across Page Route [Flutter]
7:15
How To Make Google Navbar With Multiple Screens in Flutter
10:16
Dear Programmer
Рет қаралды 8 М.
NavigationBar (Widget of the Week)
1:33
Flutter
Рет қаралды 109 М.
Bottom Navigation Bar - Flutter Widgets Tutorial
18:42
Benjamin Carlson
Рет қаралды 51 М.
Modern Bottom Nav Bar📱Flutter Tutorial ♡
8:15
Mitch Koko
Рет қаралды 166 М.
Complex Animations in Flutter using Rive | Flare
15:44
FilledStacks
Рет қаралды 224 М.
2.11 - Floating Action Button - Flutter tutorial for beginners
10:21
WHAT IS A COROUTINE? - Kotlin Coroutines
4:56
Philipp Lackner
Рет қаралды 153 М.
The child was abused by the clown#Short #Officer Rabbit #angel
00:55
兔子警官
Рет қаралды 25 МЛН