本问答帖原创发布在华为开发者联盟社区 ,欢迎开发者前往论坛提问交流。
问题描述:
除了自定义 tab,有没有办法实现 tabBar 的标签可以划出屏幕?
解决方案:
可以利用 calc 计算 tabs 的高度。高度为 100%(List 高度) + barHeight 高度,这样 tabs 实际高度超一屏,可以利用 scroll 滑动把 titlebar 滑动到上面去。只要高度计算正确,效果就符合预期。
参考以下示例,代码为写死高度为 60vp 的情况,实际情况可以根据 onVisibleAreaChange 和 this.getUIContext().getComponentUtils().getRectangleById()等 API 算出具体的高度。
参考 demo 和其他解决方案相关的讨论,请点击原帖查看:
scroll和tabs关联,想让tabBar的标签能划出屏幕,除了自定义外还有其他办法吗?-华为开发者问答 | 华为开发者联盟 (huawei.com)





