时间戳

首页 > 解决方案 > 不要在抽屉中显示标题 FlyoutItem 外壳 - xamarin 表单

shell - 不要在抽屉中显示标题 FlyoutItem 外壳 - xamarin 表单

问题描述

我想在表单中有一个标签栏和一个抽屉

在这种形式中，我使用Shell

我现在不打算在 Drawer 中显示任何Tabbar项目

我使用以下代码在页面底部创建了一次 Tabbar ：

<TabBar Title="Tab bar FlyoutItem"  FlyoutDisplayOptions="AsSingleItem"  >
    <Tab Title="T1" Icon="T1.png" >
        <ShellContent ContentTemplate="{DataTemplate views: page1}" />
    </Tab>
    <Tab Title="T2" Icon="T2.png" >
        <ShellContent ContentTemplate="{DataTemplate views: page2}"/>
    </Tab>

    <Tab Title="T3" Icon="T3.png" >
        <ShellContent ContentTemplate="{DataTemplate views: page3}"/>
    </Tab>
    <Tab Title="T4" Icon="T4.png" >
        <ShellContent ContentTemplate="{DataTemplate views: page4}"/>
    </Tab>
    <Tab Title="T5" Icon="Home.png" >
        <ShellContent ContentTemplate="{DataTemplate views: page5}"/>
    </Tab>
</TabBar>

输出： 查看图片

我再次使用Flyout而不是tabbar（代码如下）：

< FlyoutItem Title=”Tab bar FlyoutItem”  FlyoutDisplayOptions=”AsSingleItem”  >
    <Tab Title=”T1” Icon=”T1.png” >
        <ShellContent ContentTemplate=”{DataTemplate views: page1}” />
    </Tab>
    <Tab Title=”T2” Icon=”T2.png” >
        <ShellContent ContentTemplate=”{DataTemplate views: page2}”/>
    </Tab>

    <Tab Title=”T3” Icon=”T3.png” >
        <ShellContent ContentTemplate=”{DataTemplate views: page3}”/>
    </Tab>
    <Tab Title=”T4” Icon=”T4.png” >
        <ShellContent ContentTemplate=”{DataTemplate views: page4}”/>
    </Tab>
    <Tab Title=”T5” Icon=”Home.png” >
        <ShellContent ContentTemplate=”{DataTemplate views: page5}”/>
    </Tab>
</ FlyoutItem >

输出： 查看图片

我使用以下代码创建了抽屉：

    <FlyoutItem FlyoutDisplayOptions="AsMultipleItems">

    <Tab Title="T6" Icon="email.png" >
        <ShellContent ContentTemplate="{DataTemplate views:page6}" />
    </Tab>
    <Tab Title="T7" Icon="email.png" >
        <ShellContent ContentTemplate="{DataTemplate views:page7}"/>
    </Tab>
    <Tab Title="T8" Icon="email.png" >
        <ShellContent ContentTemplate="{DataTemplate views:page8}"/>
    </Tab>
    <Tab Title="T9" Icon="email.png" >
        <ShellContent ContentTemplate="{DataTemplate views:page9}"/>
    </Tab>
    
</FlyoutItem>

这次显示了Drawer，但它的Title Of Tabbar也显示在Drawer中，如图所示。

输出： 查看图片

请帮助我如何无法在抽屉中显示标题。

谢谢

标签： shellxamarin.forms

解决方案

我找

这

Shell.FlyoutBehavior="Flyout"

必须添加到 TabBar

我分享下面的代码：

<TabBar Title="Tab bar FlyoutItem"  Shell.FlyoutBehavior="Flyout" FlyoutDisplayOptions="AsSingleItem"  >
    <Tab Title="T1" Icon="T1.png" >
        <ShellContent ContentTemplate="{DataTemplate views:T1}" />
    </Tab>
    <Tab Title="T2" Icon="T2.png" >
        <ShellContent ContentTemplate="{DataTemplate views:T2}"/>
    </Tab>

    <Tab Title="T3" Icon="T3.png" >
        <ShellContent ContentTemplate="{DataTemplate views:T3}"/>
    </Tab>
    <Tab Title="T4" Icon="T4.png" >
        <ShellContent ContentTemplate="{DataTemplate views:T4}"/>
    </Tab>
    <Tab Title="T5" Icon="Home.png" >
        <ShellContent ContentTemplate="{DataTemplate views:HomePage}"/>
    </Tab>

</TabBar>

<FlyoutItem FlyoutDisplayOptions="AsMultipleItems" Shell.TabBarIsVisible="True">

    <Tab Title="T6" Icon="email.png" >
        <ShellContent ContentTemplate="{DataTemplate views:T6}" />
    </Tab>
    <Tab Title="T7" Icon="email.png" >
        <ShellContent ContentTemplate="{DataTemplate views:T7}"/>
    </Tab>
    <Tab Title="T8" Icon="email.png" >
        <ShellContent ContentTemplate="{DataTemplate views:T8}"/>
    </Tab>
    <Tab Title="T9" Icon="email.png" >
        <ShellContent ContentTemplate="{DataTemplate views:T9}"/>
    </Tab>

</FlyoutItem>

推荐阅读