2 つのフラットリストがあり、1 つはデータ (dataScroll) を含み、もう 1 つはすべてのデータ項目のチェックボックス (checkScroll) を含みます。
この理由は、ユーザーが dataScroll を水平方向にスクロールしている間、チェックボックスを常に表示する必要があるためです (dataScroll を水平方向にスクロール可能なスクロールビューに配置しました)。
デモ:
これまでに試した:
dataScroll のスクロール イベントで、y オフセットを取得し、checkScroll をその y 位置に移動しました。
handleDataScroll = ({ nativeEvent: { contentOffset: { y } } }) => {
this.checkScroll.scrollToOffset({ offset: y, animated: true });
}
それは(ほとんど)仕事をしますが、スクロール中に2つのフラットリストの間に大きな遅延があります。
--
アニメーション化されたコンポーネントの使用が進んでいる可能性があることを読みましたが、反応ネイティブでアニメーションがどのように機能するかを理解できませんでした。
したがって、2つのフラットリストをバインドして、一方のリストをスクロールすると、もう一方のリストが遅延なしで(または少なくとも最小限の)遅延で追従するようにする方法について、助けを求めたいと思います。
dataScroll フラットリストのみがスクロール可能であれば、それも問題ありません。