datatable – 如何在本机中同步两个滚动视图?

前端之家收集整理的这篇文章主要介绍了datatable – 如何在本机中同步两个滚动视图?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的要求是创建一个带有固定标题和第一列的表格,表格数据将在水平和垂直方向上滚动.

为此,我使用了3个滚动视图,以下gif将清楚地说明

>第1个scrollview是标题名称行,它设置为horizo​​ntal = true(即其滚动方向是水平的)
>第二个scrollview是kcname表的第一列,它是垂直滚动,这两个都有scrollEnabled = {false},因为它们不会采取滚动手势,它们使用scrollTo以编程方式滚动
>第3个scrollview是填充数据的正文单元格,此视图有2个滚动视图作为父级,1个用于进行水平滚动,另一个用于垂直滚动.

两个正文滚动视图的滚动值在onScroll事件中使用refs放在另外两个scrollview的scrollTo中,scrollEventThrottle值为16.

我的问题是如何同步这些滚动视图滚动,因为这清楚地显示滞后,这是不可接受的

像这样禁用scrollTos动画:
this.toolbar.scrollTo({
  x: yourXValue,animated: false,});

然后没有滞后:)

原文链接:https://www.f2er.com/react/301045.html

猜你在找的React相关文章