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

时间:2017-04-11 07:07:23

标签: datatable react-native scrollview

我的要求是创建一个带有固定标题和第一列的表格,表格数据将在水平和垂直方向上滚动。

为此我使用了3个滚动视图,以下gif将使其清楚 enter image description here

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

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

1 个答案:

答案 0 :(得分:0)

禁用scrollTo这样的动画:

this.toolbar.scrollTo({
  x: yourXValue,
  animated: false,
});

然后没有滞后:)