XAML MAUI弹出按钮复制为屏幕底部的按钮

thigvfpy  于 2023-02-01  发布在  其他
关注(0)|答案(1)|浏览(165)

我正在开发我的第一个MAUI应用程序。我已经在谷歌上搜索过了,但找不到如何摆脱它。
我在AppShell Flyout中定义了两个Tab。它们在Flyout中显示得很好,工作起来也很漂亮,正如预期的那样。但是它们也复制为屏幕底部的按钮,在下面的截图中用蓝色箭头指向。
下面是我的AppShell的完整XAML:

<Shell
    x:Class="GoodSam.MATTRAK.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:GoodSam.MATTRAK"
    Shell.FlyoutBehavior="Flyout" Shell.NavBarIsVisible="False">

    <FlyoutItem FlyoutDisplayOptions="AsMultipleItems">
        <Tab Title="Application" Route="application">
            <ShellContent Title="Login" Route="login" ContentTemplate="{DataTemplate local:Login}" />
            <ShellContent Title="About" Route="about" ContentTemplate="{DataTemplate local:About}" />
            <ShellContent Title="Exit" Route="exit" ContentTemplate="{DataTemplate local:Exit}" />
        </Tab>

        <Tab x:Name="ModulesTab" Title="Modules" Route="modules">
            <ShellContent Title="Receiving" Route="receiving" ContentTemplate="{DataTemplate local:Receiving}" />
            <ShellContent Title="Shipping" Route="shipping" ContentTemplate="{DataTemplate local:Shipping}" />
            <ShellContent Title="Putaway" Route="putaway" ContentTemplate="{DataTemplate local:Putaway}" />
        </Tab>
    </FlyoutItem>
</Shell>

如何隐藏底部的按钮,同时保持实际的Flyout可见?我尝试在XAML中这样做:
<Shell ... Shell.NavBarIsVisible="False">
但是这样会隐藏按钮和弹出按钮!我想去掉按钮但保留弹出按钮。我不需要像那样复制它。
或者,如果有一种方法可以隐藏弹出按钮但保留按钮,那也可以,尽管我更喜欢保留弹出按钮。最终,我只想消除重复。

kcwpcxri

kcwpcxri1#

您可以尝试使用 shell 的TabBarIsVisible属性:

<Shell
x:Class="GoodSam.MATTRAK.AppShell"
....
Shell.TabBarIsVisible="False">

(you也可以将Shell. TabBarIsVisible ="False"添加到 shell 内容中)。
有关详细信息,请参阅选项卡栏和选项卡可见性
希望对你有用。

相关问题