鸿蒙Swiper替代Tabs初探

最新推荐文章于 2025-04-27 21:56:00 发布

原创

最新推荐文章于 2025-04-27 21:56:00 发布 · 318 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#鸿蒙 #harmonyos

鸿蒙目前tabs组件tabContent+tabBar 能够使用的api有点差，太难用了，示例如下：

      Tabs({
    
     barPosition: BarPosition.Start ,index: this.currentTabIndex}) {
   
   
        LazyForEach(this.homeTabData, (tabData: TabData, index: number) => {
   
   
          TabContent() {
   
   
            if (tabData.type == 'edu_plan') {
   
   
              EduPlanFrag({
   
    tabData: tabData, fragIndex: index })
            } else if (tabData.type == 'edu_history') {
   
   
              PersonCenterFrag({
   
    tabData: tabData, fragIndex: index })
            } else {
   
   
              ComWaterfallFrag({
   
    tabData: tabData, fragIndex: index })
            }
          }
          .tabBar(this.tabBuilder(tabData, index))//tabBar只能接受builder或者直接写组件
        }, (tabData: TabData) => tabData.type)
      }
      //这里可以触发，但是tabContent和tabBar里面的组件都无法触发焦点事件
      .onFocus(()=>{
   
   
        this.isFocused = true
      })
      .onBlur(()=>{
   
   
        this.isFocused = false
      })
      .barWidth('auto')