You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Xamarin Forms中移除顶部ActionBar标题栏并调整抽屉切换按钮位置

你使用的是Xamarin Shell体系实现的抽屉导航,NavigationPage.SetHasNavigationBar(this, false) 是传统NavigationPage架构的API,对Shell页面不生效,可按以下步骤实现需求:

1. 移除默认蓝色顶部导航栏

有两种配置方式可选:

  • 单页面隐藏:在对应仪表板页面的XAML根节点ContentPage中添加属性:
Shell.NavBarIsVisible="False"

也可以在该页面后台代码的构造函数中添加:

Shell.SetNavBarIsVisible(this, false);
  • 全局隐藏所有页面的默认导航栏:直接在AppShell.xaml的根节点Shell中添加属性Shell.NavBarIsVisible="False"即可全局生效。

注意:隐藏导航栏后如果页面内容和系统状态栏重叠,可给ContentPage设置顶部Padding适配,参考配置:

<ContentPage.Padding>
    <OnPlatform x:TypeArguments="Thickness">
        <On Platform="iOS" Value="0,44,0,0" />
        <On Platform="Android" Value="0,24,0,0" />
    </OnPlatform>
</ContentPage.Padding>

2. 自定义区域添加抽屉切换按钮

在你自定义的标题栏布局中添加切换按钮,给按钮绑定点击事件,事件中添加以下代码即可手动控制抽屉的弹出和收起:

Shell.Current.FlyoutIsPresented = !Shell.Current.FlyoutIsPresented;

参考界面截图:
界面截图

内容的提问来源于stack exchange,提问作者Aravind Shajan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.30 09:45:02