datatable - 如何在 native react 中同步两个 ScrollView ？

Question

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

为此，我使用了 3 个 ScrollView ，下面的 gif 将说明这一点

第一个 ScrollView 是标题名称行，它设置为水平 = true(即它的滚动方向是水平的)

第二个 ScrollView 是表的 kcname 第一列，它是垂直滚动，两者都有 scrollEnabled={false}，因为它们不会采取滚动手势，它们使用 scrollTo

以编程方式滚动

第三个 ScrollView 是填充数据的主体单元格表，该 View 有 2 个 ScrollView 作为父 View ，一个用于水平滚动，另一个用于垂直滚动。

使用 onScroll 事件上的引用将两个主体 ScrollView 的滚动值放入其他两个 ScrollView 的 scrollTo 中， scrollEventThrottle 值为 16 。

我的问题是如何同步这些 ScrollView 滚动为这个 清楚地显示滞后 ，这是 Not Acceptable

Answer 1

禁用 scrollTo s动画是这样的:

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

然后没有滞后:)