我有两个平面列表,一个包含数据(dataScroll),另一个包含每个数据项的复选框(checkScroll)。
这样做的原因是,当用户在 dataScroll 上水平滚动时,复选框必须始终可见(我将 dataScroll 放在可水平滚动的滚动视图中)。
演示:
到目前为止尝试过:
在 dataScroll 的滚动事件中,我得到了 y 偏移并将 checkScroll 移动到那个 y 位置。
handleDataScroll = ({ nativeEvent: { contentOffset: { y } } }) => {
this.checkScroll.scrollToOffset({ offset: y, animated: true });
}
它(几乎)完成了这项工作,但是滚动时 2 个平面列表之间存在巨大延迟。
--
我读到可能是使用动画组件的方式,但我无法弄清楚动画在本机反应中是如何工作的。
因此,我想就如何将两个平面列表绑定在一起获得一些帮助,以便如果我在一个列表上滚动,另一个列表会跟随它而没有(或至少最小)延迟。
如果只有 dataScroll flatlist 是可滚动的,那也没关系。