Flutter TabBar and TabBarView Without Scaffold & AppBar | Custom Indicator & TabBarController

Поделиться
HTML-код
  • Опубликовано: 3 янв 2025

Комментарии • 108

  • @bouzie8000
    @bouzie8000 2 года назад +4

    The best tutorial on tab bars on youtube. A very important one because majority of apps tab bars aren't in the app bar!

  • @viktorojems
    @viktorojems 2 года назад

    Thank You very much, spent over 30 mins battling with my TabBarView, I just wrapped it in a container with height,width, color attributes. then everything started Working.

  • @zainishfaq7442
    @zainishfaq7442 3 года назад +3

    Good to see such a good programer

  • @hamzashehzad7273
    @hamzashehzad7273 2 года назад

    Your way of teaching is so much good and simple which we can understand easily

  • @TheWanderingSoul_17
    @TheWanderingSoul_17 2 года назад

    You saved my day.. The error at 7:12 was eating my brains all day. Expanded and Flex widgets made no help.. This one worked fine ❣

  • @michaelmcelligott5074
    @michaelmcelligott5074 Год назад +1

    Excellent tutorial! Thanks so much for the knowledge.

    • @dbestech
      @dbestech  Год назад

      Glad it was helpful!

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

    Great Job. I will try it. After implementing I will get back to you.

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

      Please do!

  • @babay-mp4bq
    @babay-mp4bq 3 года назад +1

    Waalaikum salaam warohmatullohi wabarokatuh.great tutorial as alwayss

  • @owoeyeoluwajuwonlo8842
    @owoeyeoluwajuwonlo8842 Год назад +2

    Beautiful tutorial, but you didn't show your full code at the end of the video, I didn't know how you initialize the controller

  • @cyroo3198
    @cyroo3198 2 года назад +1

    When I add Widgets vertically it is getting only limited size/overflow bcs its defined 300 height, how it can be dynamically?

    • @dbestech
      @dbestech  2 года назад

      I havent done vertically though.

  • @tilttrader
    @tilttrader 2 года назад

    your videos are very help full.Thank you

    • @dbestech
      @dbestech  2 года назад

      You are most welcome

  • @Bacang4u
    @Bacang4u 2 года назад +4

    when I input tebcontroller i got an error like this "The argument type 'HomePage' can't be assigned to the parameter type 'TickerProvider'." i make in stateless widget. how to resolve this?

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

      I hope you have been able to resolve it.. if not..
      Here is how to go about it..
      In your class.. add the following
      "with TickerProviderStateMixin".
      Add it to the end of the class declaration.
      Lemme know if you need help

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

      Still it's showing missing implementation of 'state.deactivate'.... etc​@@techMohh

  • @MeineFresse10
    @MeineFresse10 3 года назад +2

    Thanks a lot, for this perfekt Tutorial. 👍

    • @dbestech
      @dbestech  3 года назад

      You are welcome! I am flattered.

  • @festusikperha6528
    @festusikperha6528 3 года назад +1

    Thank you so much, for this great tutorial

    • @dbestech
      @dbestech  3 года назад

      You're very welcome!

  • @natashas.5388
    @natashas.5388 2 года назад +1

    Thank you very much for this tutorial! That was exactly what I was looking for :D

    • @dbestech
      @dbestech  2 года назад +1

      Glad I could help!

    • @abdulmannan-zx3mj
      @abdulmannan-zx3mj 2 года назад

      @@dbestech hello bro i am facing issue in this code which u right in the start ... TabController _tabcontroller = TabController(length: 3, vsync: this ); vsync : this ... "this" is showing error
      how can i solve it .. the error is "The argument type '_TabBariiState' can't be assigned to the parameter type 'TickerProvider'." can u help me @dbestech

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

      did you finaly resolve that issue ? if yes how @@abdulmannan-zx3mj

  • @backslashflutter
    @backslashflutter 3 года назад +2

    Impressive content💗

    • @dbestech
      @dbestech  3 года назад +1

      You are welcome

  • @luis96xd
    @luis96xd Год назад

    Amazing tutorial! It was so helpful, thanks! 😄

  • @johndanielsadeyemi3600
    @johndanielsadeyemi3600 2 года назад

    Thank you so much,
    it was a very detailed explanation.
    you saved my butt😉

  • @FransGamingLow
    @FransGamingLow Год назад

    Thank you, sir! It helps me a lot

  • @smuhammadtayabain507
    @smuhammadtayabain507 Год назад +2

    source code??? brother

  • @Amankumar_Raone
    @Amankumar_Raone Год назад +1

    TabController tabController = TabController(length: 2, vsync: this); its show error on this i used class with "with TickerProviderStateMixin" but this error
    Error: Can't access 'this' in a field initializer.
    TabController tabController = TabController(length: 2, vsync: this);
    ^^^^

    • @dbestech
      @dbestech  Год назад

      You need to implement instead of with

  • @dbestech
    @dbestech  3 года назад

    Get a food delivery e-commerce app
    www.dbestech.com/tutorials/flutter-food-delivery-app-e-commerce-for-ios-and-android

  • @szyszak9424
    @szyszak9424 2 года назад

    that was really good tutorial

  • @reemmohamed7712
    @reemmohamed7712 2 года назад

    thank you for the amazing tutorial it helped me a lot..but i have a question if i want to use the same container for all tabs but i want the content changes when i click on it how can id do that ? it is the same as you wanted to do when you used listView once and then you put two more

    • @dbestech
      @dbestech  2 года назад

      yes, that's how do it.

  • @mvmnt8710
    @mvmnt8710 2 года назад

    useful video, I want to ask, how do I put the image in the view tab (place) when pressed it will enter the product details

    • @dbestech
      @dbestech  2 года назад

      I am sorry, I did not get your question.

    • @mvmnt8710
      @mvmnt8710 2 года назад

      @@dbestech sorry I was wrong, what I meant was how to do it so that the image can be pushed and moved on the page (detail page) for example the details of the image as in your video
      ruclips.net/video/x4DydJKVvQk/видео.html

    • @dbestech
      @dbestech  2 года назад +1

      @@mvmnt8710 using listview

  • @David-lb1jx
    @David-lb1jx Год назад

    Terimakasih !!! video tutorial nya sangat menbantu saya 👍

  • @angelordevil7977
    @angelordevil7977 Год назад

    how can i achieve dynamic height in tab bar view ? i have used custom scroll view and flutter sticky header so that my tab bar will stick to the top when i scroll. but im not able to give the dynamic height to tab bar view, because each tab have different elements which has different height . could u please help me with?

    • @dbestech
      @dbestech  Год назад

      I have a tutorial with for this. It's about customscrollbar

    • @angelordevil7977
      @angelordevil7977 Год назад

      @@dbestech yeah I've seen that , but the thing is I want tab bar view in dynamic height .. i just mentioned I ve used custom scroll view , So is there any way to sort this issue?

    • @angelordevil7977
      @angelordevil7977 Год назад

      @@dbestech issue got resolved sir,, used Builder(builder(_){ return _elements. }),,
      but i customised tab bar view,, did not use that widget

  • @amitkumarpandey963
    @amitkumarpandey963 3 года назад +1

    Make complete calculation in datagrid in flutter

    • @dbestech
      @dbestech  3 года назад

      Hi Amit, what do you mean?

    • @amitkumarpandey963
      @amitkumarpandey963 3 года назад

      @@dbestech it's mean add extra row and sum of all numeric row

    • @dbestech
      @dbestech  3 года назад

      Hi Amit, are you asking a for a new tuto?

  • @hamzashehzad7273
    @hamzashehzad7273 2 года назад +1

    It's giving error on vsync:this

    • @dbestech
      @dbestech  2 года назад

      Need a state full class with ticketmixing

  • @TanvirHasan71
    @TanvirHasan71 3 года назад +4

    Hello, I have an error tabcontroller. code: TabController _controller = TabController(length: 3, vsync: this);
    error: The argument type '_HomePageState' can't be assigned to the parameter type 'TickerProvider'.
    This probably related to vsync: this related. If you have any solution for that kindly let me know. thanks.

    • @dbestech
      @dbestech  3 года назад +8

      Yes, yo need extend the class with TickerProver. class _PopularMountainsState extends State
      with TickerProviderStateMixin {

    • @TanvirHasan71
      @TanvirHasan71 3 года назад

      @@dbestech thanks

    • @dbestech
      @dbestech  3 года назад

      @@TanvirHasan71 welcome

    • @sherifsaidelahl7585
      @sherifsaidelahl7585 2 года назад

      @@dbestech I did that but the page can't be called like that inside Page View (I am using also a bottom navigation bar with page view to control pages).
      how can I call the tab bar page in thie case inside page view?

  • @MutalipUsmanov
    @MutalipUsmanov 2 года назад

    The one question is how to set height to content you fixed it doing height to 300 but content bigger than the 300 will overflow the tabbarview or not shown completely so how to fix this issue ???

    • @dbestech
      @dbestech  2 года назад

      Hi Osman, you can get a responsive height like this height = screenHight/ratio. ratio is around 3.1..

  • @santiiseguro
    @santiiseguro 3 года назад

    Hello! query, how can I do so that the tab bar is not restricted and can leave the screen, I do not know if I express myself well.
    Thanks for the step-by-step tutorial!

    • @dbestech
      @dbestech  3 года назад

      I am not sure what you said

    • @santiiseguro
      @santiiseguro 3 года назад

      @@dbestech Sorry, I need to ask you with an example image, could I consult you somewhere?

  • @BrYarDJ
    @BrYarDJ 2 года назад

    bro why not work when i use in stack widget ? what should i do ?

  • @vijaygovinda719
    @vijaygovinda719 2 года назад

    There is a issue with in this
    I created a grid view list. When i scrolling the list it will not scrolling properly..
    Its coming from start again..

  • @ВиталийЮрчишин-ю9ъ
    @ВиталийЮрчишин-ю9ъ 2 года назад

    Hi, thank you for your videos. I've a question: I wrapped my TabBarView as Container with fixed height, but i need dynamic height cuz then I use GridView, so how can i solve it ?

  • @nagaraj-ni2cj
    @nagaraj-ni2cj 2 года назад

    error accoured in VoidCallBack
    "Undefined class 'VoidCallBack'.
    Try changing the name to the name of an existing class, or creating a class with the name 'VoidCallBack'."

    • @dbestech
      @dbestech  2 года назад

      It's sdk version problem.

  • @siva7930
    @siva7930 3 года назад

    When I add Widgets vertically it is getting only limited size

    • @dbestech
      @dbestech  3 года назад

      I am not sure what do mean by limited size.

    • @dbestech
      @dbestech  3 года назад

      Did you solve it?

  • @segunalabi4873
    @segunalabi4873 Год назад

    Thank so much 😊😊

  • @muhammadqazmouz6604
    @muhammadqazmouz6604 2 года назад

    Bro, I really appreciate for this tutorial
    But I have a question..
    I have a special indicator (seems like donat), so how can I make the indicator ?

    • @dbestech
      @dbestech  2 года назад

      hi there, you may try to replace circularindicator with a widget.

  • @adventurer9361
    @adventurer9361 2 года назад

    Hello
    Can i send data from tabbarview child one to another tab?

    • @dbestech
      @dbestech  2 года назад

      I did not try this

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

    it doesn't works, I still got an error No TabController for TabBarView even I already added _tabController ......... Anyway, why don't you see whole screens... I even don't know it's stateful or not

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

      I am having issues implementing it too

  • @minhtv941
    @minhtv941 2 года назад

    Hi. I'm having trouble custom
    indicator how to make it clear at 2 ends in tabbar. can anyone help me. please 😢

  • @inderkantkhandelwaal3402
    @inderkantkhandelwaal3402 Год назад

    Your code have huge bug : what if data is coming from the server and you need to show it in the TabBarView thenFixed height in your case i.e 300 won't work and will crash the Application

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

      You're misguided. He's showing you what the widget does. It's your job to use the information however your specifications need. It's not his job to tell you everything you should be doing

  • @dlvvvv__
    @dlvvvv__ 2 года назад

    why is my vsync: this error?

    • @dbestech
      @dbestech  2 года назад

      you must use with MixinTicker like that

  • @narendratigote7460
    @narendratigote7460 3 года назад

    asset not getting

    • @dbestech
      @dbestech  3 года назад

      Did you get it solved?

  • @rayanarabikatbi8958
    @rayanarabikatbi8958 3 года назад +1

    Nice

  • @bashiruibrahim8443
    @bashiruibrahim8443 3 года назад +1

    Wslm Masha Allah

  • @BrYarDJ
    @BrYarDJ 3 года назад

    thans i need this

  • @mlatifraldi
    @mlatifraldi 2 года назад

    Waalaikumsalam warahmatullahi wabarokaatuuhhhh

  • @Zerefse
    @Zerefse 6 месяцев назад

    Thank's

    • @dbestech
      @dbestech  6 месяцев назад

      You are welcome

  • @humzaiqbal9908
    @humzaiqbal9908 4 месяца назад

    Walaikum Assalam

    • @dbestech
      @dbestech  4 месяца назад

      Allah bless you

  • @papiyaakter6508
    @papiyaakter6508 3 года назад

    wa alaikumussalam