4

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 フラットリストのみがスクロール可能であれば、それも問題ありません。

4

0 に答える 0