Flutter Tutorial - Create Tabbed AppBar | Tabs, TabBar, TabBarView

[@HeyFlutter]

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/tab_bar_example

[@nested9301]

i always forgot how to do this, I always to watch this video everytime XD

[@hassanzaid5060]

You and I both

[@vickramkumar9005]

Always love your videos. Please make a video on the concept of firebase. Thanks!

[@HeyFlutter]

Thanks for the idea Vickram Kumar 😀, i have added it in my list of future videos

[@vickramkumar9005]

Thankyou brother. Thankyou alot!!!!!!!!!!

[@isurujn]

Always love your videos. Appreciate how there's no fluff, straight to the point and explain all the essential parts clearly.

[@HeyFlutter]

Thank you, Isuru Nanayakkara! 🙂

[@Noah-zp2fn]

thank you! learning real solid flutter fundamentals from your videos! keep it up!

[@miguelangelmatos8050]

you are awesome man, the pinned comment is godly

[@j.danielvii2042]

Bro, you're a master. A lot of thanks my hero.

[@behnamjafari2731]

really nice you made flutter easier to understand for me

[@gumdum6764]

Thanks as always Johanne

[@tapendubakuli8589]

Thanks man...just what i need is contained in this video

[@eduardperez6372]

Complete, resumed, very clear!!!

[@HeyFlutter]

Thank you, Eduard Perez! 🙂

[@UrQuietGamer]

Great tutorial!

[@HeyFlutter]

Thank you, JS_Gaming! 🙂

[@UrQuietGamer]

@@HeyFlutter You're welcome. Keep up the good work!

[@umerfarooq1216]

Very Well Explained..Keep it Up nd best wishes for HeyFlutter

[@HeyFlutter]

Glad to hear that, Thank you Umer Farooq! 😊

[@LuminousAsianBeauties]

thanks again for your tutorials, short but useful :o)

[@dragtek1251]

i realy enjoyed every video you made keep the hard work

[@HeyFlutter]

Thank you, Dragtek! 🙂

[@Horizon-tr6iy]

Keep doing this great work!

[@programmerjowo]

very clear tutorial as always. thanks

[@smartposcloud4490]

Thank you so much

[@HeyFlutter]

You’re most welcome, Smart PoS! 🙂

[@atultiwari7361]

Thankyou for amazing content, can you create a video, how to use firebase as backend to store user data and details .... Thankyou stay safe and healthy..

[@bikrampoudel4848]

with the change in tabs, it creates new instance of class. Also it initializes 3 class at the same time which might create problem while loading for the first time. Actullay i am getting same problem in buttom navigation bar

[@bikrampoudel4848]

@@HeyFlutter yes what I want is preserving state. Thanks bro

[@Amine0027]

I have the same problem did you find solution??

[@__mothership__8475]

How to create nested tab bar , 3 tabs you provided into AppBank widget . Now in one of the tab I want further 3 tabs ?

[@aliappdevelop]

As always awesome video. but is there any plan to make video about Re-Orderable TabBar?

[@HeyFlutter]

Thanks for the idea, Mohammad Ali! 🙂 I have added it to my list of ideas for future videos!

[@thestars1220]

i want the initial position of the tab to be the extreme right tab instead of being the 1st tab on the left how to do that?

[@Xspeedzone]

Really enjoy your videos! I have watched along and developed my own app in the meantime. I want to release my app to the Play Store but I am having trouble with the Firebase App Check feature. Could you do a video on how to implement App Check in Flutter? Would really appreciate any form of help as the App Check documentation is quite confusing

[@oldbollywoodmovies585]

Hey Johannes, can you please make a video on downloading reels or videos from instagram in flutter application.

[@androider5830]

Nice one Hey I am not able to get all the pdf file from device with sound null safety I already used provider_ex it Worked but no sound null safety can you help me? Any resources? Thanks advance ) :

[@ululazmi9781]

can i keep my tabbar when i go to new screen in the tabbarview ?

[@muhammadafzal237]

I need to automatic display the next tab when the first page items are finished.

[@HeyFlutter]

Thank You Muhammad Afzal! Follow this link: pub.dev/packages/vertical_scrollable_tabview/example I hope you will get your answer 🙂

[@premchandraseakaran1847]

For my case the tabbar will be show according to the data availability Ex: If I refresh the Tabbar 1 if it's there any data in Tabbar2 , Then it should show with data - How can I achieve this scenario? (When there is no data for Tabbar 2 , then this tabbar won't show)

[@HeyFlutter]

Thank You prem chandraseakaran! Follow this link: stackoverflow.com/questions/72293141/my-default-tab-controller-does-not-refresh-its-tabs-content I hope you will get your answer 🙂

[@makadi86]

How can I change the tab bg color to be different from the App bar?

[@areebafarooq2694]

hey How do I disable the swiping tabbar in Flutter any idea?

[@muhammadafzal237]

How to change the scroll direction from horizentol to vertical in tabview?

[@HeyFlutter]

Thank You Muhammad Afzal! Follow this link: pub.dev/packages/vertical_scrollable_tabview/example I hope you will get your answer 🙂

[@axomclutchgod1414]

Hey Bro, Make A Tutorial On How To User Google Blogger Api Inside Flutter App, For Fetching And Showing Blog Post Inside Apps.

[@okey1317]

can we create tabbar without appbar?

[@eNONO-ot4zh]

nice course

[@12egaines]

Ive been trying to do this but when I add tab bar to bottom of appbar The tab view it within the app bar also. Can anyone help?

[@HeyFlutter]

Thank you, @12egaines! 🙂. Please try to provide enough details with your question.

[@christen_bc]

How do you change tab bars just by sweeping on the screen? All production apps have that feature which was not shown in the video

[@christen_bc]

@@HeyFlutter Yes, thank you!

[@faledemy]

how about using tab bar data from api and then detect index when tabbar changee

[@HeyFlutter]

Thank You IJlal Naufal Hibrizi! Follow this link: stackoverflow.com/questions/50123354/how-to-get-current-tab-index-in-flutter I hope you will get your answer 🙂

[@jontysingh4334]

Is it possible to add a row inside Tab()

[@rakam.a8070]

The tab bars turns white and the text cannot be read when I activate usematerial3. Any solution?

[@HeyFlutter]

Thank You Raka M.A! Follow this link: material.io/components/tabs/flutter I hope you will get your answer 🙂

[@thestars1220]

how to remove tabbar spalsh color? without enveloping the appbar into prefferredSize()?

[@thestars1220]

@@HeyFlutter it disables the splash for the entire app bar ( including the action buttons )+ tab bar ! I only need the tab bar splash to be disabled

[@antonyaz3506]

Tabs+TabBar or PageView+BottomNavagationBar? What the difference?

[@HeyFlutter]

Thank You Anton Yaz! Follow this link: stackoverflow.com/questions/44208445/flutter-tabbar-vs-bottomnavigationbar I hope you will get your answer 🙂

[@mohammadbahlaq5892]

How to do something when TabBar scroll rigth or left ?

[@HeyFlutter]

Thank You Mohammad Bahlaq! Follow this link: medium.com/@diegoveloper/flutter-collapsing-toolbar-sliver-app-bar-14b858e87abe I hope you will get your answer 🙂

[@Mars-pe7ix]

Why I still get this error: LateInitializationError , even I have use the iniState method

[@HeyFlutter]

Thank You Mars! Follow this link: stackoverflow.com/questions/67040839/flutter-lateinitializationerror-field-name-has-not-been-initialized I hope you will get your answer 🙂

[@finisango]

cette vidéo viens de me dépanner. Je remercie.

[@prashannagc3587]

how can i make dynamic tab bar ?

[@HeyFlutter]

Thank You Prashanna GC! Follow this link: aurimas-deimantas.medium.com/dynamic-tabbar-and-tabbarview-in-flutter-7f364b266aef I hope you will get your answer 🙂

[@prashannagc3587]

@@HeyFlutter No not this, I meant the tabbar title should be dynamic, it should come from an api with the tab bar length as the length of the api

[@axomclutchgod1414]

How To Integrate tappx ad SDK in flutter?

[@al-waris]

Do you offer training?

[@al-waris]

Okay ✨ I sent you a connection request on LinkedIn.

[@YusufSuhair]

me after watching flutter tutorial: abandoning android native dev now XDD

[@mdshahidali3132]

Sir use animation in Video Then app and video look like More better please sir.

[@FlutteringWithAnas]

Why it Does Not Listen To onIndexChanged. Whenever I Move To Other TabBarView, Nothing Happens And Controller Value Remains The Same. Why It Just Works On onTap Method, Why Not OnIndexChange Method.?

[@HeyFlutter]

Hello, Fluttering With Anas! Follow this link: stackoverflow.com/questions/70747694/tabbarview-page-not-rebuilding-correctly I hope it will solve your problem. Thank You 🙂