.NET MAUI - Tab中的嵌套Tab

Question

我正在开发一个应用程序来显示一些体育统计数据，即在这个例子中的排名。我有工作的地方，我有“全面”，“会议”，“部门”选项卡，当我选择“排名”页面，没有问题。不过，我在选项卡中嵌套选项卡有困难。例如，当我进入“会议”页面时，我希望“东方”和“西部”作为子标签。我尝试添加另一个选项卡控件，但没有看到任何不同。

<FlyoutItem Route="standings" FlyoutDisplayOptions="AsMultipleItems">
    <Tab Title="Standings" Route="standings" Icon="standings.png">
        <ShellContent Route="overallstandings"
                      Style="{StaticResource StandingsShell}"
                      Title="Overall"
                      Icon="overall.png"
                      ContentTemplate="{DataTemplate views:OverallStandingsPage}" />
        <ShellContent Route="conferencestandings"
                      Style="{StaticResource StandingsShell}"
                      Title="Conference"
                      Icon="conference.png"
                      ContentTemplate="{DataTemplate views:EasternConferenceStandingsPage}">
                      <Tab Title="Conference">
                          <ShellContent Route="easternconferencestandings"
                            Style="{StaticResource StandingsShell}"
                            Title="Eastern"
                            Icon="eastern.png"
                            ContentTemplate="{DataTemplate views:EasternConferenceStandingsPage}" />
                          <ShellContent Route="westernconferencestandings"
                            Style="{StaticResource StandingsShell}"
                            Title="Western"
                            Icon="western.png"
                            ContentTemplate="{DataTemplate views:WesternConferenceStandingsPage}" />
                      </Tab>
        </ShellContent>
        <ShellContent Route="divisionstandings"
                      Style="{StaticResource StandingsShell}"
                      Title="Division"
                      Icon="division.png"
                      ContentTemplate="{DataTemplate views:DivisionStandingsPage}" />
    </Tab>
</FlyoutItem>

Answer 1

另一种选择，在重新阅读之后，我认为您要寻找的是使用选项卡栏。尝试以下几点：

    <TabBar>
        <ShellContent Route="overallstandings"
                      Style="{StaticResource StandingsShell}"
                      Title="Overall"
                      Icon="overall.png"
                      ContentTemplate="{DataTemplate views:OverallStandingsPage}" />
        <ShellContent Route="conferencestandings"
                      Style="{StaticResource StandingsShell}"
                      Title="Conference"
                      Icon="conference.png"
                      ContentTemplate="{DataTemplate views:EasternConferenceStandingsPage}">
            <Tab Title="Conference">
                <ShellContent Route="easternconferencestandings"
                            Style="{StaticResource StandingsShell}"
                            Title="Eastern"
                            Icon="eastern.png"
                            ContentTemplate="{DataTemplate views:EasternConferenceStandingsPage}" />
                <ShellContent Route="westernconferencestandings"
                            Style="{StaticResource StandingsShell}"
                            Title="Western"
                            Icon="western.png"
                            ContentTemplate="{DataTemplate views:WesternConferenceStandingsPage}" />
            </Tab>
        <ShellContent Route="divisionstandings"
                      Style="{StaticResource StandingsShell}"
                      Title="Division"
                      Icon="division.png"
                      ContentTemplate="{DataTemplate views:DivisionStandingsPage}" />
    </TabBar>