带有上一页 TabBar 项的 XamarinForms Shell 导航

Question

我需要创建一个“详细信息”页面，当我从“母版”页面单击某个按钮时，它会将我重定向到带有后退按钮的导航栏的“详细信息”页面。 代码如下：

protected async Task GoToPage(string route)
{
    await Shell.Current.GoToAsync(route);
}

问题是：如何从我以前的母版页保留下标签，以显示以及在我的详细信息页面上显示？

设计如下： https : //i.imgur.com/tBqHhH8.png

我只有导航栏。

在我的 AppShell.xaml 中，我为我的“母版”页面定义了 TabBar 部分（“母版”页面是我的标签栏菜单中的第一个）。 我应该为我的“详细信息”页面创建单独的 TabBar 并以某种方式插入导航栏吗？

Answer 1

您可以将您的页面放到 MenuItem 选项卡中。

 <MenuItem Text="About"
        IconImageSource="info.png"
        Command="{Binding AboutPageCommand}" />

后台代码。

 public ICommand AboutPageCommand => new Command(async () => await NavigateToAboytPageAsync());

 async Task NavigateToAboytPageAsync()
  {
     await  Shell.Current.GoToAsync($"aboutPage");
     Shell.Current.FlyoutIsPresented = false;
  }

在 App.xaml.cs 中注册页面

Routing.RegisterRoute("aboutPage", typeof(AboutPage));

Answer 2

您可以在 Tab 标签中设置一个名为IsTabStop的属性，该属性可以保留以前母版页的 downtab：

IsTabStop ，属于 bool 类型，指示 Tab 是否包含在选项卡导航中。 它的默认值为 true，当它的值为 false 时，选项卡导航基础结构将忽略 Tab，无论是否设置了 TabIndex。

您可以在特定选项卡将其设置为false以在该选项卡上保持向下选项卡。

代码示例：

<!-- Your Pages -->
<TabBar>
    <Tab Title="Master" Icon="tab_feed.png" IsTabStop="False">
        <ShellContent ContentTemplate="{DataTemplate local:ItemsPage}" />
    </Tab>
    <Tab Title="About" Icon="tab_about.png" >
        <ShellContent ContentTemplate="{DataTemplate local:AboutPage}" />
    </Tab>
</TabBar>

这是文档： shell/tabs