SideBar Nav Menu

Question

Hello Friends. Has anyone ever used a side nav bar menu (kind of like a bootstrap Menu) in their .Net Maui windows app? Thanks !!!

Answer 1

Hello,

Thanks for you update.

You can do this by using .NET MAUI Shell flyout

AS Note: please set the Shell.FlyoutBehavior="Locked", you can refer to the following code.

<Shell    
    x:Class="MauiApp4.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:MauiApp4"
    Shell.FlyoutBehavior="Locked">
    <FlyoutItem Title="Cats">
        <Tab>
            <ShellContent ContentTemplate="{DataTemplate local:MainPage}" />
        </Tab>
    </FlyoutItem>
    <FlyoutItem Title="Dogs">
        <Tab>
            <ShellContent ContentTemplate="{DataTemplate local:NewPage1}" />
        </Tab>
    </FlyoutItem></Shell>

Best Regards,

Leon Lu

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.