Why so that when I set the Flyout behavior for one page it afects the wholle app

Felipe Gai 0

When Im setting the Flyout behavior to not appear on thr login page it gets disabled in the whole app, strager of all is that if I disable gesture navigation, if I pull on the side of the screen it appears, plus if i tap on the flyoutitem the flyout button appear but is dissabled

<Shell
    x:Class="VersatilFV.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:Views="clr-namespace:VersatilFV.View"
    xmlns:local="clr-namespace:VersatilFV"    
    Shell.FlyoutBehavior="Flyout"
    Shell.TabBarIsVisible="False"
    Title="VersatilFV">
    <ShellItem Route="Login" FlyoutItemIsVisible="False">
        <ShellContent ContentTemplate="{DataTemplate Views:Login}" />
    </ShellItem>
    <FlyoutItem Route="AppMunu" Title="Home">
        <ShellContent ContentTemplate="{DataTemplate Views:AppMunu}" />
    </FlyoutItem>
</Shell>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="VersatilFV.View.Login"
             Shell.FlyoutBehavior="Disabled"
             Title="Login">
   
    <ScrollView
     Padding="15">
        <VerticalStackLayout
         Padding="0"
         Spacing="25">
            <Image
             Source="versatil.jpg"
             HeightRequest="185"
             Aspect="AspectFit"
             SemanticProperties.Description="dot net bot in a race car number eight" />
            <Frame
             Padding="2">
                <Entry 
                 TextColor="Black"
                 HeightRequest="50"
                 Placeholder="CNPJ:"/>
            </Frame>
            <Frame
             Padding="2">
                <Entry
                 TextColor="Black"
                 HeightRequest="50"
                 Placeholder="Usuário:"/>
            </Frame>
            <Frame
             Padding="2">
                <Entry
                 TextColor="Black"
                 IsPassword="True"
                 HeightRequest="50"
                 Placeholder="Senha:"/>
            </Frame>
            <Button
             Text="Acessar"
             Clicked="Button_Clicked">
            </Button>
        </VerticalStackLayout>
    </ScrollView>
</ContentPage><ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://schemas.microsoft.com/dotnet/2021/maui/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             x:Class="VersatilFV.View.AppMunu"
             Title="Menu">
    <Shell.BackButtonBehavior>
        <BackButtonBehavior IsVisible="False" IsEnabled="False" />
    </Shell.BackButtonBehavior>
</ContentPage>

imagem_2024-03-22_112930163

imagem_2024-03-22_112958750

User's image

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 71,281 Reputation points Microsoft Vendor

2024-03-25T06:53:22.28+00:00
When Im setting the Flyout behavior to not appear on thr login page it gets disabled in the whole app,

Yes, if you want to make Login page no flyout behavior and other pages in the Shell have this flyout page.

Firstly, you can remove following code in the AppShell.

<ShellItem Route="Login" FlyoutItemIsVisible="False"> <ShellContent ContentTemplate="{DataTemplate Views:Login}" /> </ShellItem>

Then, open your App.xaml.cs, change the Mainpage to LoginPage

public App() { InitializeComponent(); MainPage = new LoginPage(); }

If user click the login button and navigate to the Shell, you can use Application.Current.MainPage=new AppShell(); to change the MainPage in the background code.

private async void OnLoginButtonClicked(object sender, EventArgs e) { Application.Current.MainPage=new AppShell(); }

Share via

Why so that when I set the Flyout behavior for one page it afects the wholle app