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

Abh*_*ngh 9 datatable scrollview react-native

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

为此,我使用了3个滚动视图,以下gif将使其清楚 在此输入图像描述

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

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

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

Hen*_*k R 2

scrollTo像这样禁用s 动画:

this.toolbar.scrollTo({
  x: yourXValue,
  animated: false,
});
Run Code Online (Sandbox Code Playgroud)

然后就没有延迟了:)