1

This is my AppShell XAML file (not sure this is right):

<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="MauiUI.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:MauiUI"
    xmlns:pages="clr-namespace:MauiUI.Pages"
    FlyoutHeaderBehavior="CollapseOnScroll"
    FlyoutBackdrop="Silver">
    
    <FlyoutItem Title="Amazons of Volleyball">
        <ShellContent Title="Amazons of Volleyball"
                      Route="home" 
                      ContentTemplate="{DataTemplate pages:MainPage}" />
    </FlyoutItem>
    
    <FlyoutItem Title="Add new Amazon">
        <ShellContent Title="Add new Amazon"
                      Route="add-or-update" 
                      ContentTemplate="{DataTemplate pages:AddOrUpdatePlayer}" />
    </FlyoutItem>
    
    <ShellContent Title="Amazons of Volleyball"
                  IsVisible="False"
                  ContentTemplate="{DataTemplate pages:SplashPage}"
                  Route="splash" />
</Shell>

Now the hamburger menu is appearing, but to see the content I had to drag over it my mouse and pull from left to right it to appear. I am on Android emulator in windows.

ToolmakerSteve
  • 18,547
  • 14
  • 94
  • 196
Wasyster
  • 2,279
  • 4
  • 26
  • 58

1 Answers1

0

You can add Shell.FlyoutBehavior="Flyout" to your AppShell.

Here is the example:

<Shell
    x:Class="MauiApp15.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:MauiApp15"
    Shell.FlyoutBehavior="Flyout"
    >
Guangyu Bai - MSFT
  • 2,555
  • 1
  • 2
  • 8