如何移除Xamarin Shell中重复显示的顶部标题？

问题原因 #

出现重复标题的核心原因是Shell自带的导航栏与页面自身的导航栏/标题设置重复渲染：你在ShellContent上设置了Title，同时对应的页面（比如ShoePolish）自身也设置了Title或保留了默认导航栏，导致两层标题叠加显示。

解决方法 #

方法1：关闭页面自身的导航栏 #

在对应页面（如ShoePolish.xaml）的根布局标签中添加NavigationPage.HasNavigationBar="False"属性，禁用页面自带导航栏，仅保留Shell的标题栏：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="YourApp.Views.ShoePolish"
             NavigationPage.HasNavigationBar="False">
    <!-- 页面内容 -->
</ContentPage>

方法2：移除重复的Title设置 #

如果不需要Shell统一管理标题，可移除ShellContent上的Title属性，让页面自身标题单独显示；反之，清除页面的Title设置，仅保留ShellContent的Title：

• 修改Shell代码（移除ShellContent的Title）：

<Shell>
 <Tab Grid.Column="0" >
 <ShellContent ContentTemplate="{DataTemplate views:ShoePolish}" />
 <ShellContent ContentTemplate="{DataTemplate views:WISBook}" />
 <ShellContent ContentTemplate="{DataTemplate views:BodyLotion}" />
</Tab>
</Shell>

• 或者修改页面代码（清除页面Title）：
  在页面构造函数中添加：

public ShoePolish()
{
    InitializeComponent();
    Title = string.Empty;
}

方法3：统一使用Shell标题配置 #

确保所有页面关闭自身导航栏，同时通过ShellContent的Title统一管理标题，切换页面时Shell会自动更新标题，避免重复：

1. 所有页面添加NavigationPage.HasNavigationBar="False"
2. 保留ShellContent的Title设置

内容的提问来源于stack exchange，提问作者Danul Hivi Vihan