在 Xamarin Forms 上设置默认选项卡 Shell

Question

如何在 Xamarin forms 的标签栏内设置默认选中的标签 shell?

<?xml version="1.0" encoding="UTF-8"?>
<Shell xmlns="http://xamarin.com/schemas/2014/forms" 
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
         x:Class="TestApp.NavigationShell"
         xmlns:pages="clr-namespace:TestApp.Pages"
         xmlns:pageModels="clr-namespace:TestApp.PageModels">
<TabBar Route="testapp">
    <Tab Title="Saved" Icon="tabDashboard" Route="dashboard"><ShellContent ContentTemplate="{DataTemplate pages:DashBoardPage}"/></Tab>
    <Tab Title="Calendar" Icon="tabCalendar" Route="calendar"><ShellContent ContentTemplate="{DataTemplate pages:CalendarPage}"/></Tab>
    <Tab Title="Search" Icon="tabSearch" Route="search"><ShellContent ContentTemplate="{DataTemplate pages:SearchPage}"/></Tab>
    <Tab Title="Support" Icon="tabSupport" Route="support"><ShellContent ContentTemplate="{DataTemplate pages:SupportPage}"/></Tab>
    <Tab Title="Profile" Icon="tabAccount" Route="account"><ShellContent ContentTemplate="{DataTemplate pages:AccountPage}"/></Tab>
</TabBar>

根据 Xamarin Forms 文档，第一个 Shell 内容将是屏幕上的默认内容。然而;我正在尝试将 "Search" 页面设置为默认选项卡而不是 "Saved"。

我尝试设置 Tab Index - 没有成功我还尝试在 Shell 的 onAppearing 方法上调用路由，但似乎 Shell 的 onappearing 方法永远不会被触发。

我也尝试导航到“搜索”：

public partial class NavigationShell : Shell
{
    public NavigationShell()
    {
        InitializeComponent();
        //Shell.Current.TabIndex = 2;
    }

    protected override async void OnAppearing()
    {
        base.OnAppearing();
        //await Shell.Current.GoToAsync("testapp/search");
    }
}

打开应用程序时需要设置默认标签的最佳解决方案是什么？

谢谢。

Answer 1

没关系，我想我找到了解决办法。

public Page Init(Shell root)
{
    CurrentShell = root;
    root.CurrentItem.CurrentItem = root.CurrentItem.Items[2];
    return CurrentShell;
}

因为我的 shell 只有一个根项，它本身就是标签栏。我刚刚获得搜索选项卡并将其分配给第一个 child 的当前项目并且它起作用了。

如果您找到其他方法，请 post 您的答案。谢谢。

Answer 2

在 Shell class 的构造函数中，您可以设置 CurrentItem

在我的例子中，我有一个 <ShellItem> 和一些 <tab>

public PrivateShell()
{
    InitializeComponent();
    this.CurrentItem.CurrentItem = homeTab; //tab defined by x:Name on XAML
}

据我所知，如果您使用 ContentTemplate 模式

，它不会预渲染第一个 shellcontent

Answer 3

在这里，我如何使用名称字段属性修复它。

我一开始就给TabBar和tab取了名字

AppShell.xaml

<TabBar x:Name="main_tab_bar" Route="main">

    <Tab Title="History">
        <Tab.Icon>
            <FontImageSource FontFamily="MaterialIconsRegular" Glyph="{x:Static Emojis:MaterialRegFont.List}"/>
        </Tab.Icon>
        <ShellContent ContentTemplate="{DataTemplate Views:CallLogPage}" />
    </Tab>

    <Tab x:Name="main_tab_bar_dial"  Title="Dial" >
        <Tab.Icon>
            <FontImageSource FontFamily="MaterialIconsRegular" Glyph="{x:Static Emojis:MaterialRegFont.Dialpad}"/>
        </Tab.Icon>
        <ShellContent ContentTemplate="{DataTemplate Views:MainDialerPage}" />
    </Tab>

    <Tab Title="Settings">
        <Tab.Icon>
            <FontImageSource FontFamily="MaterialIconsRegular" Glyph="{x:Static Emojis:MaterialRegFont.Settings}"/>
        </Tab.Icon>
        <ShellContent ContentTemplate="{DataTemplate Views:MainSettingsPage}" />
    </Tab>

</TabBar>

AppShell.cs

public AppShell() {
    InitializeComponent(); 
    Init();
}

private void Init() {
    main_tab_bar.CurrentItem = main_tab_bar_dial;
}

在 Xamarin Forms 上设置默认选项卡 Shell

Set default tab on Xamarin Forms Shell

xamarin.forms

xamarin.forms.shell

在这里，我如何使用名称字段属性修复它。