React Native：最適化されたSectionListはscrollToLocation後に再レンダリングしません。

Question

SectionListをスクロールするアルファベット・スクラバーを作成しました。 SectionListは、getItemLayoutを使用して最適化されます。アルファベットをスクラブすると、スクロールは計画どおりに行われますが、SectionListはスクリーンから指を離すまで再レンダリングされません。この問題を解決する方法について

See this expo snack

誰でもアイデア？ sectionListは、あなたがその状態に使用してデータを配置する必要が動的に更新するために

Answer 1

PanResponderのソースコードを使用して解決しました。 PanResponderは、InteractionManagerを介して対話ハンドルを設定します。あなたはそれはあなたがSectionList内の位置までスクロール毎回これがthis.panResponder.getInteractionHandle()（文書化されていない機能）を介してハンドルにアクセスして、明確にすることができます

if (this.panResponder.getInteractionHandle()) { 
    InteractionManager.clearInteractionHandle(
     this.panResponder.getInteractionHandle() 
    ); 
} 

これは、その可視性の計算とレンダリングを実行するには、キューにSectionListを上に移動します。

パフォーマンスの理由からInteractionManagerが使用されているため、できるだけ数回インタラクションハンドルをクリアすることで、これを大幅に最適化することをお勧めします。

Answer 2

。この（他の誰かによって行われる）万博例、良い例です。

https://snack.expo.io/Syy1bqKxW

彼panResponderは、彼が位置を毎回それを更新するSETSTATE（）を呼び出した状態にしておき、「handlePanResponderMove」にすべてのデータを持っています動きます。つまり、データが状態にない場合は、動的に更新されません。データをReact-Nativeの状態にすることは、データ変更を動的に追跡する方法です。

希望すると便利です。