如何在 Flyout 上隱藏 Shell 項目

Question

我有一個 Xamarin Forms 項目，其中我有一個 ShellItem login名，然后它顯示了一個帶有不同選項卡的 FlyoutItem main 。

這是我的AppShell上的代碼

<ShellItem Route="login" x:Name="loginItem">
        <ShellContent ContentTemplate="{DataTemplate local:LoginPage}"/>
    </ShellItem>

    <FlyoutItem Title="Home" Route="main" Icon="homepage.png" >
        
            <Tab Icon="search.png">
                <ShellContent  ContentTemplate="{DataTemplate local:CategoryPage}" />
            </Tab>
            <Tab Route="CartPage" Icon="shopping_cart.png">
                <ShellContent  ContentTemplate="{DataTemplate local:CartPage}" />
            </Tab>
            <Tab Route="InvoicePage" Icon="invoice.png">
                <ShellContent  ContentTemplate="{DataTemplate local:InvoicePage}" />
            </Tab>
       
    </FlyoutItem>

    <FlyoutItem Title="Información" Icon="information.png">
        <ShellContent  ContentTemplate="{DataTemplate local:InfoPage}" />
    </FlyoutItem>

    <FlyoutItem Title="Contacto" Icon="contact.png">
        <ShellContent  ContentTemplate="{DataTemplate local:ContactSupportPage}" />
    </FlyoutItem>

這是登錄頁面，如您所見，我還不想顯示彈出項。

問題出在我的 FlyoutItem“main”上。 如果用戶不小心按下了“主頁”上方的空白區域，他們將被帶到我不想發生的登錄頁面。

有什么方法可以隱藏 FlyoutItem 嗎？ 我認為它不會顯示，因為我沒有將它作為 FlyoutItem 添加到我的 AppShell。

請幫助並感謝。

Answer 1

你可以試試這個。

<ShellItem Route="login" x:Name="loginItem" FlyoutItemIsVisible="False" >
    <ShellContent ContentTemplate="{DataTemplate local:LoginPage}"/>
</ShellItem>

文檔：

https://learn.microsoft.com/nl-nl/xamarin/xamarin.forms/app-fundamentals/shell/flyout#flyoutitem-visibility