#鸿蒙通关秘籍#如何利用TabContent及自定义功能实现多个页面容器的切换？

使用Tabs组件中嵌套多个TabContent元素，通过tabBar方法绑定自定义构建函数tabBuilder实现多个页面间的切换。在Tabs中分别嵌套需要切换显示的内容和tabBar样式：

build() {
  Column() {
    Tabs({ barPosition: BarPosition.End, controller: this.controller }) {
      TabContent() {
        Text('首页') // 首页内容
      }.tabBar(this.tabBuilder({
        index: 0,
        label: '首页',
        normalIcon: $r('app.media.tabbar11'),
        selectIcon: $r('app.media.tabbar12')
      }))

      TabContent() {
        Text('发现') // 发现页内容
      }.tabBar(this.tabBuilder({
        index: 1,
        label: '发现',
        normalIcon: $r('app.media.tabbar21'),
        selectIcon: $r('app.media.tabbar22')
      }))
      
      // More TabContent as needed
    }
  }
}