在 "More" 中以编程方式将选项卡更改为选项卡时，TabbedPage selectedItem 不会更改

Question

我正在开发一个带有 TabbedPage 的 Xamarin Forms 应用程序，它有 6 个选项卡。

<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         xmlns:tabs="clr-namespace:TabbedPageIssue"
         xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
         android:TabbedPage.ToolbarPlacement="Bottom"
         android:TabbedPage.IsSwipePagingEnabled="False"
         android:TabbedPage.BarSelectedItemColor="#F79320"
         android:TabbedPage.BarItemColor="#B1B2B3"
         x:Class="TabbedPageIssue.MainPage">
 <tabs:Tab1 Title="Tab1"/>
 <tabs:Tab2 Title="Tab2"/>
 <tabs:Tab3 Title="Tab3"/>
 <tabs:Tab4 Title="Tab4"/>
 <tabs:Tab5 Title="Tab5"/>
 <tabs:Tab6 Title="Tab6"/>
</TabbedPage>

在我的应用程序中，我想要一个按钮，使用此代码将应用程序定向到“更多”部分中的“收件箱”选项卡：

private void Button_Clicked(object sender, EventArgs e)
     {
         var mainPage = this.Parent as TabbedPage;
         mainPage.CurrentPage = mainPage.Children[4];
     }

当我单击按钮更改选项卡时，视图发生变化但未选中“更多”选项卡，如果我单击选项卡 1，选项卡 5 的视图不会消失。

这似乎是 TabbedPage 的一个错误。大家有解决这个问题的办法吗？

Answer 1

我能够重现这个问题。对于解决方法，您可以改用 Shell 选项卡。对于最新版本的 VS，当您创建 Tabbed 模板时，它使用 Shell。 https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell/

Xaml：

<?xml version="1.0" encoding="UTF-8"?>
<Shell xmlns="http://xamarin.com/schemas/2014/forms" 
   xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
   xmlns:local="clr-namespace:App3.Views"
   Title="App3"
   x:Class="App3.AppShell">   

<TabBar>

    <ShellContent Title="Tab1"   ContentTemplate="{DataTemplate  local:Page1}" />
    <ShellContent Title="Tab2"   ContentTemplate="{DataTemplate  local:Page2 }" />
    <ShellContent Title="Tab3"   ContentTemplate="{DataTemplate  local:Page3 }" />
    <ShellContent Title="Tab4"   ContentTemplate="{DataTemplate  local:Page4}" />
    <ShellContent Title="Tab5" Route="page5"   ContentTemplate="{DataTemplate  local:Page5 }" />
    <ShellContent Title="Tab6"  ContentTemplate="{DataTemplate  local:Page6 }" />

</TabBar>
</Shell>

从第 1 页导航到第 5 页：

 async void Button_Clicked(object sender, EventArgs e)
    {
        await Shell.Current.GoToAsync("//page5");//page5 is the route i set in xaml
    }

输出：

在 "More" 中以编程方式将选项卡更改为选项卡时，TabbedPage selectedItem 不会更改

TabbedPage selectedItem doesn't change when change tab programmatically to tab in "More"

xamarin.android

xamarin.forms

tabbedpage