All Things Tabs! Top Tabs, Bottom Tabs, Tab Sandwich - Xamarin.Forms & .NET MAUI

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ม.ค. 2025

ความคิดเห็น • 93

  • @sinam1951
    @sinam1951 3 ปีที่แล้ว +6

    Thanks a lot James! I was so new in App development. I just started a month ago and by watching your videos now I'm able to create simple projects.

    • @JamesMontemagno
      @JamesMontemagno  3 ปีที่แล้ว +6

      Nice work! That is awesome to hear!

  • @bebenlebricolo
    @bebenlebricolo ปีที่แล้ว

    Ok; you know what ? That's the best summary I've found so far. Beats the Microsoft documentation by far (remember that TabbedPage doc that just says "Hey, it's incompatible with Shell, will make it crash" and you're left with no explaination as to why and how to actually remedy any of this).
    I was looking for highly customizable tab stacks and was kindof disappointed with the Shell's tabbar (but it's far more powerful than what I've thought originally) and the Sharpnado.Tabs is advertised here and there on the internet but your video is the first place I've found that actually compares TabbedPage, Shell's Tabbar and Sharpnado almost foot by foot.
    Thank you !

  • @luisjjjj
    @luisjjjj ปีที่แล้ว +1

    Great video, a Sharpnado.Tabs video would be awesome. Thanks again.

  • @jfversluis
    @jfversluis 3 ปีที่แล้ว +3

    And don't forget about the TabView in the Xamarin Community Toolkit! But Sharpnado is pretty amazing as well! Thanks James!

  • @mercytum7045
    @mercytum7045 2 ปีที่แล้ว +1

    This was really awesome...and thanks for letting us know about Sharpnado.Tabs. Hope to use it someday soon.

  • @PC-js3bj
    @PC-js3bj 3 ปีที่แล้ว +1

    Thanks James!

  • @evenewtube4040
    @evenewtube4040 ปีที่แล้ว

    Thanks a lot ! I was searching for it sooo much, love you ! 😘🤩

  • @amirmirzababapour6016
    @amirmirzababapour6016 ปีที่แล้ว +1

    So good, thanks!

  • @stefanvogel9770
    @stefanvogel9770 2 ปีที่แล้ว +2

    How to add top tabs to a contentpage ? I mean i have a main page where you can select something when you will routed to the next one and on the second one i want to have tabs. How to add tabs inside the second page ? Only what i can find is how to add tabs to the first page which will be called in Appshell but i cant find solution how to add tabs to content pages

    • @giannisvenetik3506
      @giannisvenetik3506 ปีที่แล้ว +2

      I've been struggling with this for about 2 days now. If you find a solution, please, let me know.

    • @leosouza1520
      @leosouza1520 ปีที่แล้ว

      @@giannisvenetik3506 same thing around here, any solution?

  • @paul790905
    @paul790905 3 ปีที่แล้ว

    Thanks James from Cuba

  • @playerzzt1262
    @playerzzt1262 ปีที่แล้ว

    great video, I was struggling with the tab colors and icons

  • @HelloVNNY
    @HelloVNNY 3 ปีที่แล้ว +1

    Thank you a lot James 👍👍👍👍

  • @rikudouensof
    @rikudouensof ปีที่แล้ว

    Thanks James

  • @nyuhkembayy
    @nyuhkembayy ปีที่แล้ว

    Do you have video that shows how to code bottom flyout/drawer? Thank you!

  • @gouzgr638
    @gouzgr638 ปีที่แล้ว

    Hey Amazing video. You are my go to channel when I want to learn or refresh memories.
    Can you make an example of binding for tab and flyouts. The IsVisible and the flyoutIsVisible are either bugged or I am doing something horrible wrong in my viewmodel.
    And I am still trying to figure out how to pass values from a flyout to a flyout pr to a page or tab for that matter

  • @codewithreen5768
    @codewithreen5768 ปีที่แล้ว

    Cam you do a short video on how to use Shopnado? I'm not able to pyt tab content.

  • @jimshattuck5285
    @jimshattuck5285 5 หลายเดือนก่อน

    Hi James, love the videos! I'm new to MAUI and have a tabbed app I am working on that uses the camera as a barcode reader on Tab2 (in a StackLayout). However, when I navigate away from Tab2, then back the camera quits working. Any ideas?

  • @ryanoconnell8204
    @ryanoconnell8204 2 ปีที่แล้ว

    Great Video thanks James. Where the root is a Shell TabBar is there a recommended way to navigate a chain of pages from the root Nav stack and not from within the Current tab page Nav stack? You covered this for Non-AppShell. Of course could use Shell.TabBarIsVisible="False" or perhaps even Modal navigation to give the illusion of this, but it is still using the Current tabbed page Nav stack. Thanks

  • @sipepguru
    @sipepguru 3 ปีที่แล้ว +2

    Could you kindly do a video on passing data between these different options

  • @samiboy53
    @samiboy53 ปีที่แล้ว +5

    Hi James! Awesome Video. Quick question: how about letting the user create tabs at run time dynamically? Similar to how in visual studio, where each code file you open becomes another tab. Can I do something like that in my app? Or even more advanced, letting the user doc the tabs in different spots similar to how you can do it in visual studio where you can play around with the different windows and doc them any which way you want? would love to see some help with that. Thank you so much again. I've learnt soo much from your videos.

  • @jdia.
    @jdia. ปีที่แล้ว

    Is there a way to make the bottom tabs navigation by swiping, like the top tabs do?

  • @leosouza1520
    @leosouza1520 ปีที่แล้ว

    Great video, but how about tabs inside tabs when using Shell navigation (not Flyout) ?

  • @openit6987
    @openit6987 2 ปีที่แล้ว

    Thanks you so much Pro .

  • @DifferentTurn
    @DifferentTurn 3 ปีที่แล้ว +1

    Thank you, James! Awesome vid, and great explanation! Now it's time to try things out 🤸

  • @apollokulashekar398
    @apollokulashekar398 10 หลายเดือนก่อน

    Hei, There is any option to disable the tab swipe in the shell 😢

  • @Subin-h2q
    @Subin-h2q 10 หลายเดือนก่อน

    Is there any way to place the tab title in center if there is no icon? without icon I looks odd as placed in bottom.

  • @Jad.abouzaki
    @Jad.abouzaki 3 ปีที่แล้ว

    You are amazing.. Thank you, please may i ask for autho 2 and refresh token? Thanks

  • @emilywatsonld
    @emilywatsonld 11 หลายเดือนก่อน

    Hey James,
    Do you know if it is possible to make the tabs on bottom be in nav stack in an easy way ?
    Like in instagram with it's bottom tabs,
    am trying to do such a thing, but except keeping own nav stack, don't see any alternatives

  • @wolframliermann2883
    @wolframliermann2883 2 ปีที่แล้ว

    Dear James thanks a lot, for so much helpful content. Is it possible to create an animated tabbar icons? Like in the Google clock app. Thank you.

  • @juanfrancisco9039
    @juanfrancisco9039 2 ปีที่แล้ว

    Thanks a lot James!! Is there any way to expand the size of the top tabs to full width??

  • @livy5x281
    @livy5x281 ปีที่แล้ว

    Thank u, this helps a lot!

  • @SyedTassaduq
    @SyedTassaduq 11 หลายเดือนก่อน

    so how do I set IconImageSource to show the image in it's orignal color like it is on png not everyone want a gray and white UI

  • @eakjaa
    @eakjaa ปีที่แล้ว

    Thank, How i will change language of "More" Tab, When i have five or six tab. More Tab is show automatic, but i can't language "More" to another.

  • @kangaroojack89
    @kangaroojack89 2 ปีที่แล้ว

    Hey James awesome video, question on navigation buttons within a tab. How do I have a navigation button change to an entirely new tab as opposed to just navigating within the tab itself?

  • @adrianllamido759
    @adrianllamido759 2 ปีที่แล้ว +1

    Hi James, thanks a lot for the video!
    About the "android:TabbedPage.IsSwipePagingEnabled", I wonder if there's a way to add this same gesture for the Shell's TabBar?

    • @GianniDPC
      @GianniDPC 2 ปีที่แล้ว

      I’m wondering the same too.

    • @JamesMontemagno
      @JamesMontemagno  2 ปีที่แล้ว +1

      I don't believe you can for Shell, I don't think it was ever added.

    • @adrianllamido759
      @adrianllamido759 2 ปีที่แล้ว

      alright, got it.. thanks for the reply,@@JamesMontemagno ..

  • @Shahan85
    @Shahan85 2 ปีที่แล้ว

    hi sir,
    could you please tell that how to Parameter Passing from a content page to tabbed page of between tabbed page?

  • @kirwakelvinkering3122
    @kirwakelvinkering3122 ปีที่แล้ว

    What if I wanted to hide the tabs and show them as the user scrolls ? Just like twitter does ,how will that be possible ?

  • @GianniDPC
    @GianniDPC 2 ปีที่แล้ว +1

    Hey James thanks for the awesome videos! I have a question: can you enable swiping between shell tabs? I’m specifically looking to enable it for the top tabs.

    • @JamesMontemagno
      @JamesMontemagno  2 ปีที่แล้ว

      I don't believe they ever added that for the top tabs.

  • @megasupernewbie
    @megasupernewbie 3 ปีที่แล้ว

    are there any vids about shell? I have not had a chance to learn that yet

  • @kaligulah00000
    @kaligulah00000 9 หลายเดือนก่อน

    I have a Flyouitem->Tab> 2 ShellContents.
    I need that when I press a button in shellcontent1 it makes shellcontent2 appear to access it.
    I am accessing the IsEnable property through an MVVM binding, but it doesn't work. I've been trying for several hours and I can't get it. Could you help me please?

  • @AntonKorolev-y1h
    @AntonKorolev-y1h ปีที่แล้ว

    Hello,how add badge in tab?

  • @cahyodwc
    @cahyodwc 3 ปีที่แล้ว +1

    Hi James, is there any Calendar View built in new .NET MAUI ?

    • @jfversluis
      @jfversluis 3 ปีที่แล้ว +1

      There won't be any new controls in .NET MAUI for the first version. It will have the same as Xamarin.Forms today but with a new architecture. From there, new things will be added :)

  • @OrkSchamane
    @OrkSchamane 2 ปีที่แล้ว

    Hi, i've wondering how to get dots instead of Tabs with.
    I want to create a welcome/tutorial page(s). And for that I want dots on the Bottom of the Page, so that the User can See the count of steps

  • @BirenPatel
    @BirenPatel ปีที่แล้ว

    Hey James! Great content and appreciate all you do for the Xamarin community. I had a question regarding iPad/iPhone navigation. Is it possible to have different navigation for different devices? Side bar for iPad and Tabbed for iPhone within the SAME app project? Any guidance will be greatly valued and appreciated. Thanks

  • @tech-man8751
    @tech-man8751 2 ปีที่แล้ว

    @JamesMontemagno how to bring the tab at the top in iOS? as you show we can bring the tab at the bottom in Android, how to do it for iOS if we want to make it at the top?

  • @kelvinkirwa4887
    @kelvinkirwa4887 ปีที่แล้ว

    The more i follow this is the more i get confused , what then is the difference between a Tab , a TabPage and a TabBar ? can you please help us do a UI challenge like the twitter tabs ? Thanks sir.

  • @sentrycod2373
    @sentrycod2373 2 ปีที่แล้ว

    Wonderful as always James. I was wondering how you navigate within a tab item, but for the Tabview control. I tried wrapping with a navigation page but the tabview only takes views.
    I tried using a data template selector to switch pages from view model but this is very rough. Is there a way to seamlessly do this?

    • @JamesMontemagno
      @JamesMontemagno  2 ปีที่แล้ว

      I think you would want to use a TabbedPage and put the navigationpage inside of one of the tabs.

  • @maxblue8623
    @maxblue8623 3 ปีที่แล้ว

    Thank you, James! Can you make a tutorial on how to write a chat app with xamarin forms?
    There are so few good videos on this topic on TH-cam(

  • @BhekiSangweni
    @BhekiSangweni 2 ปีที่แล้ว

    Hey James great content as always! I have a question, is it possible to add a page on top of each page for example lets say you are using tabbed pages, and you want them to inherit that particular page...the same way the bottom tabs are able to be accessible in different pages

  • @eddyj.l4495
    @eddyj.l4495 3 ปีที่แล้ว

    Will u migrate the coffee App to MAUI?

  • @terryhenning8325
    @terryhenning8325 2 ปีที่แล้ว

    Hey James! Great video - it's a must watch for learning MAUI. I've come back to it several times, but I'm wondering if there's a way to pass data when clicking on tabs in a TabBar when using Community Kit MVVM? I can hook up the NavigatedTo events, but I'm not seeing an obvious way to get parameters from VM1 passed to the VM that is the BindingContext for Tab2. Love the look of MAUI so far!

  • @94089463
    @94089463 3 ปีที่แล้ว

    James:
    Any news on the Android Emulator for M1 Macs?
    Thank you

  • @bobbobson6290
    @bobbobson6290 2 ปีที่แล้ว

    There's a small issue when there are more than 5 tabs and the tabs are at the bottom.
    The "More" tab isn't highlighted with the "SelectedTabColor" when a swipe is used to get there.
    Instead the fourth tab is still highlighted.
    But if the "More" tab is directly touched/clicked it gets highlighted correctly.

  • @Otonium
    @Otonium 2 ปีที่แล้ว

    Cool. Can I get rid of the Flyout? and leave tabs only? Is it done changing something in the Shell?

    • @JamesMontemagno
      @JamesMontemagno  2 ปีที่แล้ว

      Yup, just put Tabs in your shell :) you can also manually set "FlyoutBehavior" to Disabled at the top of the shell

  • @piyushagunjal3564
    @piyushagunjal3564 3 ปีที่แล้ว

    Hello, I am struggling to change the font of the bottom tabs that are in the Shell. Please could you assist if this is possible and if so how to go about it? Thank you in advance

    • @JamesMontemagno
      @JamesMontemagno  3 ปีที่แล้ว

      Take a look at -> github.com/jamesmontemagno/MyCoffeeApp/blob/master/MyCoffeeApp/MyCoffeeApp/AppShell.xaml#L101-L131 all the same code and logic

  • @anonymousug9648
    @anonymousug9648 2 ปีที่แล้ว +2

    i prefer you always start out with a new project not necessarily opening it show roots and stuff
    but i mean
    let it be a new class new xmlpage
    or may be if aready coded start from the top
    it gets pretty confusing when you jump to the point
    i realy dont know where your namespaces come from and when you do show the class i still can't tell what in there and how it starts up
    thank you

  • @amiteshwarsingh6099
    @amiteshwarsingh6099 3 ปีที่แล้ว

    Just wanted to ask if xamarin will shutdown soon as i was just reading this on google and just came to your channel ,?

  • @jespinalny
    @jespinalny 2 ปีที่แล้ว

    On iOS however, you’ll have a headache waiting for you when the icons are huge. Youll need a custom renderer class.

    • @JamesMontemagno
      @JamesMontemagno  2 ปีที่แล้ว

      I haven’t really had any issues with that. You can always provide pics perfect icons if you desire as well

  • @sacarymoviesamu
    @sacarymoviesamu 3 ปีที่แล้ว

    Hello, James. I will put the comment here bcs it's your most recent video.
    I've been programming with a visual mode way (dragging controls / windows) for the past 3 years (mostly android apps), and now i have to do a multiplatform app with xamarin.forms. It's so confusing in many ways. Do you have any advice for me or can you recommend to me another multiplatform framework ?
    Thanks in advance.

  • @JohnSmith-dd2nd
    @JohnSmith-dd2nd 2 ปีที่แล้ว +1

    MAUI in Sept 2022 is awful - trying to pull in tabbed pages on a fresh install of VS 2022 on a MAUI app and guess what - throws "the type os namespace Xamarin cannot be found (......
    really?

  • @energymarketprice
    @energymarketprice 2 ปีที่แล้ว

    Shell tab page on Android is destroyed when you select another tab?

    • @JamesMontemagno
      @JamesMontemagno  2 ปีที่แล้ว +1

      I believe this was all fixed up in .NET MAUI and also I think in the latest XF version (not positive though).

  • @zhh174
    @zhh174 3 ปีที่แล้ว

    what about tabs on the right side on desktop in maui?

    • @JamesMontemagno
      @JamesMontemagno  3 ปีที่แล้ว +1

      Well that would be more of the FlyoutPage navigation style where you have those on the left/right. Similar setup though.

  • @viccotr
    @viccotr 2 ปีที่แล้ว

    hello, who know how to switch between the tabs programmatically with ViewModel? thanks

    • @JamesMontemagno
      @JamesMontemagno  2 ปีที่แล้ว

      Well in shell you would just navigate to the tab via the shell gotoasync method. else on a tabbed page you just set the current page index on the tabbedpage itself

  • @abba5102
    @abba5102 3 ปีที่แล้ว

    Very good brother I am xamarin developer.

  • @igorlimadev
    @igorlimadev 2 ปีที่แล้ว

    Great video, helped me a lot, but I didn't got it to work on iOS, just on Android. Is there anything special to do to make it work on iOS? It just shows a blank page with nothing in it, no tabs, no content.

    • @JamesMontemagno
      @JamesMontemagno  2 ปีที่แล้ว

      Take a look at github.com/jamesmontemagno/mycoffeeapp working well for me there

    • @igorlimadev
      @igorlimadev 2 ปีที่แล้ว

      @@JamesMontemagno I'll take a look, thanks!!

  • @ariesdane5876
    @ariesdane5876 3 ปีที่แล้ว

    Admittingly, I only skimmed through this video but I never saw the Microsoft.Maui namespace referenced in any of the code you demo'd. All I saw was Xamarin.Forms.

    • @JamesMontemagno
      @JamesMontemagno  3 ปีที่แล้ว

      The demo app i have been building the past year is Xamarin.Forms but all of the concepts and code besides the namespace are exactly the same

  • @sespark
    @sespark 2 ปีที่แล้ว

    Surprised you didn't say "tab in". 😂😂

  • @williamprogramer4168
    @williamprogramer4168 3 ปีที่แล้ว +1

    ⭐⭐⭐⭐⭐

  • @thameemansari6644
    @thameemansari6644 3 ปีที่แล้ว

    Yo James.. first comment..

  • @jxalexan5641
    @jxalexan5641 ปีที่แล้ว

    alg

  • @priyankakondapuram2947
    @priyankakondapuram2947 4 หลายเดือนก่อน

    Bro 2min stupid ad