Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 平滑地同步两个平面列表_React Native_Scroll_Synchronized_React Native Flatlist_React Animated - Fatal编程技术网

React native 平滑地同步两个平面列表

React native 平滑地同步两个平面列表,react-native,scroll,synchronized,react-native-flatlist,react-animated,React Native,Scroll,Synchronized,React Native Flatlist,React Animated,我有两个平面列表,一个包含数据(dataScroll),另一个包含每个数据项的复选框(checkScroll) 这样做的原因是,当用户在dataScroll上水平滚动时,复选框必须始终可见(我将dataScroll放在水平滚动的滚动视图中) 演示: 目前已尝试: 在dataScroll的scroll事件中,我获得了y偏移量,并将checkScroll移动到该y位置 handleDataScroll = ({ nativeEvent: { contentOffset: { y } } }) =&

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

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

演示:

目前已尝试:

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

handleDataScroll = ({ nativeEvent: { contentOffset: { y } } }) => {
    this.checkScroll.scrollToOffset({ offset: y, animated: true });
}
它(几乎)完成了这项工作,但在滚动时,两个平面列表之间有一个巨大的延迟

--

我读到可能会使用动画组件,但我不知道动画是如何在react native中工作的

因此,我想获得一些关于如何将两个平面列表绑定在一起的帮助,这样,如果我在一个列表上滚动,另一个列表将跟随它,而不会(或至少最小)延迟


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

有什么理由不将其作为一个平面列表,每个数据项都附带复选框,就像我提到的“复选框必须始终可见”。我发现[this post][1][1]:我和上面的链接有同样的问题。这是否成功?@ErikGrosskurth仍然没有很好的解决方案。