Tabs控件scrollable为true时滑动响应速度问题

Tabs的scrollable属性设为true,TabContent横向滑动时,通过onChange更新当前index,状态刷新TabBar的选中效果,操作过程中,TabContent滑动一页后TabBar的选中效果响应肉眼感觉延迟超过300ms左右,响应效果较慢,如何设置可以增加同步响应的感觉,即当页面滑动下一页,TabBar的选中效果能瞬时响应选中效果。

HarmonyOS
2024-09-30 10:07:27
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

可以通过子页签样式SubTabBarStyle进行解决,参考代码:https://docs.openharmony.cn/pages/v4.0/zh-cn/application-dev/reference/arkui-ts/ts-container-tabcontent.md/#%E7%A4%BA%E4%BE%8B3

可以使用onAnimationStart事件,切换动画开始时触发该回调。

.onAnimationStart((index: number, targetIndex: number, event: TabsAnimationEvent) => {  
  // 切换动画开始时触发该回调  
  this.currentSubChannelTabIndex = targetIndex  
})

有关参数:

index:当前显示元素的索引。

targetIndex:切换动画目标元素的索引。

event:动画相关信息,包括主轴方向上当前显示元素和目标元素相对Tabs起始位置的位移,以及离手速度。

分享
微博
QQ
微信
回复
2024-09-30 16:51:02
相关问题
arkui中如何提升应用响应速度
409浏览 • 1回复 待解决
HarmonyOS Tabs控件fadingEdge问题
388浏览 • 1回复 待解决
Tabs滑动距离的问题有哪些?
351浏览 • 1回复 待解决
控件enabled设置false,hover失效
2251浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
341浏览 • 1回复 待解决