Xamarin.Forms Shell 選項卡僅顯示列表中的最后一個選項卡

Question

我正在將現有代碼遷移到 Xamarin Forms 4.0 Shell ，以前我使用的是TabbedPage但現在我想使用Shell Tabs。

下面是遷移后的代碼。 我注意到它只顯示一個頂部選項卡，其中包含列表中的最后一個條目。 就我而言，它僅顯示 Tab2。

<Shell xmlns="http://xamarin.com/schemas/2014/forms"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
      xmlns:views="clr-namespace:App.Views.Tabs;assembly=App"
      x:Class="App.Views.AppShell"
      x:Name="self">
  <TabBar>
       <Tab>
            <ShellContent>
              <views:Tab1Page BindingContext="{x:Reference self}" Title="Tab1" />
              <views:Tab2Page BindingContext="{x:Reference self}" Title="Tab2"/>
            </ShellContent>
        </Tab>
   </TabBar>
   
</Shell>

Answer 1

嘗試使用以下代碼：

<Shell>
...   
   <Tab>
        <ShellContent Title="Tab1">  <!-- title in the tab -->
            <views:Tab1Page} Title="Tab1" BindingContext="{x:Reference self}"/>
                        <!-- Title in the navigation bar -->
        </ShellContent>
        
        <ShellContent Title="Tab2">
            <views:Tab2Page} Title="Tab2" BindingContext="{x:Reference self}"/>
        </ShellContent>
    </Tab>
...
</Shell>

微軟文檔

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell/tabs