【鸿蒙南向开发】第三方库-TabLayout详解

TabLayout

专门为OpenHarmony打造的一款TabLayout库，希望各位用得开心

效果图

下载安装

ohpm install @zyc/tablayout

用例

见entry目录Index.ets

使用说明

TabLayout({
  tabs: this.tabsInfo,
  gapContinuousAnimation: false,
  smartToIndex: this.smartIndex,
  indicatorStyle: {
    warpTab: true,
    type: "line",
    colorGradient: {
      angle: 90,
      direction: GradientDirection.Left,
      colors: [["#ff9a9e", 0], ["#fad0c4", 1]],
    }
  },
})
  .width("100%")

主要属性说明

Tab样式属性说明

Indicator样式属性说明

已知问题

代码在API12 中，Swiper onChange回调非常的靠后，指示器和Tab选中间隔会有很明显的延迟感。API11没有该问题。 Demo目前只能运行在API12中，API11 需自行修改。

写在最后

●如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我两个小忙：
●点赞，转发，有你们的 『点赞和评论』，才是我创造的动力。
●关注小编，同时可以期待后续文章ing ，不定期分享原创知识。