React native平滑地同步两个flatlist

时间:2017-11-07 15:29:09

标签: react-native scroll synchronized react-native-flatlist react-animated

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

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

演示:

expo snack demo

到目前为止已经尝试过:

在dataScroll的scroll事件中,我获得了y偏移并将checkScroll移动到该y位置。

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

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

-

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

所以我想得到一些帮助,我应该如何将两个扁平列表绑定在一起,这样如果我滚动一个列表,另一个跟着它没有(或至少是最小的)延迟。

如果只有dataScroll平面列表可滚动,那也没关系。

0 个答案:

没有答案