Xamarin 表单弹出菜单未显示

时间:2021-05-09 14:53:54

标签: c# xaml xamarin xamarin.forms flyout

这是我第一次尝试在 Xamarin 表单中实现弹出菜单。我首先创建了一个空白页面并按照文档进行操作,但由于某种原因菜单没有显示。如果您想知道将动态添加选项卡栏,这就是它为空的原因。可能是什么问题?提前致谢。

 <?xml version="1.0" encoding="utf-8" ?>
<Shell xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:local="clr-namespace:Bufib.Tools"
            xmlns:views="clr-namespace:Bufib.Views.FlyoutPages"
            x:Class="Bufib.MainPage">

    <Shell.ToolbarItems>
        <ToolbarItem x:Name="audioOptn" IconImageSource="{local:ImageResource Bufib.Logos.audio.png}" />
    </Shell.ToolbarItems>
    
    <!-- NAVIGATION -->
    <Shell.FlyoutHeader>
        <StackLayout Padding="10">
            <Label x:Name="flyoutHeaderLbl" Text="Bufib" FontSize="Header" />
        </StackLayout>
    </Shell.FlyoutHeader>
    
    <FlyoutItem x:Name="syllabusPage" >
        <Tab>
            <ShellContent Route="SyllabusPage" ContentTemplate="{DataTemplate views:SyllabusPage}" /> 
        </Tab>
    </FlyoutItem>
    
    <FlyoutItem x:Name="historyPage">
        <Tab>
            <ShellContent Route="HistoryPage" ContentTemplate="{DataTemplate views:HistoryPage}" />
        </Tab>
    </FlyoutItem>
    
    <FlyoutItem x:Name="managePage">
        <Tab>
            <ShellContent Route="ManagePage" ContentTemplate="{DataTemplate views:ManagePage}" />
        </Tab>
    </FlyoutItem>
    
    <FlyoutItem x:Name="errorPage">
        <Tab>
            <ShellContent Route="ErrorPage" ContentTemplate="{DataTemplate views:ErrorPage}" />
        </Tab>
    </FlyoutItem>
    
    <FlyoutItem x:Name="aboutPage">
        <Tab>
            <ShellContent Route="AboutPage" ContentTemplate="{DataTemplate views:AboutPage}" />
        </Tab>
    </FlyoutItem>
    
    <FlyoutItem x:Name="callUsPage">
        <Tab>
            <ShellContent Route="CallUsPage" ContentTemplate="{DataTemplate views:CallUsPage}" />
        </Tab>
    </FlyoutItem>
    <!-- END NAVIGATION TABS -->
    
    <!--- TABS -->
    <TabBar x:Name="tabBar"></TabBar>
    <!--- END TABS -->
</Shell>

1 个答案:

答案 0 :(得分:0)

问题在于它是一个导航页面。我使用导致问题的 MainPage = new Navigation(new MainPage()) 导航到它。所以解决方案是将其更改为 MainPage = new MainPage()

相关问题