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

.NET MAUI中如何实现页面内嵌套标签页?选TabbedPage还是TabBar?

.NET MAUI 页面内嵌套标签页的选型建议
  • TabbedPage 不适合:它是页面级的导航容器,本身就是一个独立页面,用来承载多个子页面作为全局标签导航。你已经用Shell TabBar实现了底部全局标签,再用TabbedPage会和现有Shell导航结构冲突,而且无法嵌入到当前页面的指定区域(比如红色区域上方)。

  • Shell TabBar 不适合:它是Shell框架的全局导航组件,用来定义整个应用的底部/顶部标签栏,属于应用级别的导航结构,不能在单个页面内部嵌套使用。

  • 正确选择:.NET MAUI Community Toolkit 的 TabView
    这和你之前在Xamarin里用的Xamarin Community Toolkit TabView逻辑一致,它是控件级别的组件,可以直接嵌入到页面的任意区域,完美实现页面内的局部标签切换。

    简单使用步骤:

    1. 安装NuGet包:Microsoft.Maui.Controls.CommunityToolkit
    2. 在XAML中引入命名空间:
      xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
      
    3. 将TabView嵌入到目标区域:
      <!-- 放置在红色区域上方的布局位置 -->
      <toolkit:TabView>
          <toolkit:TabViewItem Header="标签1">
              <Label Text="标签1的内容区域" />
          </toolkit:TabViewItem>
          <toolkit:TabViewItem Header="标签2">
              <Label Text="标签2的内容区域" />
          </toolkit:TabViewItem>
          <toolkit:TabViewItem Header="标签3">
              <Label Text="标签3的内容区域" />
          </toolkit:TabViewItem>
      </toolkit:TabView>
      

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.19 00:52:39