4

我有两个平面列表,一个包含数据(dataScroll),另一个包含每个数据项的复选框(checkScroll)。

这样做的原因是,当用户在 dataScroll 上水平滚动时,复选框必须始终可见(我将 dataScroll 放在可水平滚动的滚动视图中)。

演示:

世博小吃演示

到目前为止尝试过:

在 dataScroll 的滚动事件中,我得到了 y 偏移并将 checkScroll 移动到那个 y 位置。

handleDataScroll = ({ nativeEvent: { contentOffset: { y } } }) => {
    this.checkScroll.scrollToOffset({ offset: y, animated: true });
}

它(几乎)完成了这项工作,但是滚动时 2 个平面列表之间存在巨大延迟。

--

我读到可能是使用动画组件的方式,但我无法弄清楚动画在本机反应中是如何工作的。

因此,我想就如何将两个平面列表绑定在一起获得一些帮助,以便如果我在一个列表上滚动,另一个列表会跟随它而没有(或至少最小)延迟。

如果只有 dataScroll flatlist 是可滚动的,那也没关系。

4

0 回答 0