scroll 和 tabs 关联,想让 tabBar 的标签可以划出屏幕,除了自定义 tab 以外还有其他办法吗?

  • 2026-02-04
    北京
  • 本文字数:322 字

    阅读完需:约 1 分钟

本问答帖原创发布在华为开发者联盟社区 ,欢迎开发者前往论坛提问交流。

问题描述:

除了自定义 tab,有没有办法实现 tabBar 的标签可以划出屏幕?

解决方案:

可以利用 calc 计算 tabs 的高度。高度为 100%(List 高度) + barHeight 高度,这样 tabs 实际高度超一屏,可以利用 scroll 滑动把 titlebar 滑动到上面去。只要高度计算正确,效果就符合预期。

参考以下示例,代码为写死高度为 60vp 的情况,实际情况可以根据 onVisibleAreaChange 和 this.getUIContext().getComponentUtils().getRectangleById()等 API 算出具体的高度。

参考 demo 和其他解决方案相关的讨论,请点击原帖查看:

scroll和tabs关联,想让tabBar的标签能划出屏幕,除了自定义外还有其他办法吗?-华为开发者问答 | 华为开发者联盟 (huawei.com)