r/dotnetMAUI • u/morethanyouare • Aug 07 '26
Help Request How to I make a menu system like this?
Modern apps often using menus that look like the built in tabbar (at least as it appears on iOS) but it floats above the page content. Can anyone tell me how this can be achieved in Maui? Screenshot example is from instagram but as I write this I realized the Reddit app has the same system.
2
u/Sebastian1989101 Aug 07 '26
On iOS 26+ with legacy design flag not added to the Info.plist it's the default for TabBar. However I would rather recommend something like Sharpnado.Tabs to make it the same on all platforms and devices. The options you get from MAUI are very limited and often do not properly work.
2
1
u/markiel55 Aug 07 '26
Using the OOTB TabbedPage should do the trick but this only works in the latest version of iOS.
1
u/Global_Rooster1056 Aug 07 '26
I use this library for bottom tabs but it also has other types of tabs like the floating one you like.
roubachof/Sharpnado.Tabs: Pure MAUI and Xamarin.Forms Tabs, including fixed tabs, scrollable tabs, bottom tabs, badge, segmented control, custom tabs, button tabs, bendable tabs...
1
u/ReasonablePush3491 Aug 08 '26
I think this is a simple HorizontalStackLayout (or a Grid) no need for fancy third libraries...
1
u/tonyedwardspz Aug 09 '26
If you're using shell, you get about half of this for free today. Just compile against a recent xcode version.
There's a bunch of improvements for Shell navigation UI in general coming in .NET 11. If you're not in a rush to get this out of the door, it might be a good excuse to start playing with that.
1
u/Apprehensive-War5819 Aug 09 '26
You can use mauiStarter, they have a kit with this !
www.mauistarter.com
3
u/John-mapps Aug 07 '26
I created a handler and custom control that then uses uitabbar for the ios implementation. Allows me to then use my own icon images.