反応ネイティブのフラットリストのプルアップ読み込み onEndReached が頻繁にトリガーされる問題を解決する方法

今回は、reactのフラットリストのプルアップロードonEndReachedが頻繁にトリガーされる問題の解決方法の注意事項を紹介します。ケースを見てみましょう。

問題

フラットリスト再利用コンポーネントを作成する場合、親コンポーネントが呼び出されたときに高さが可変のコンポーネントである場合、コンポーネントは表示されません

親コンポーネントのスタイルが {flex: 1} の場合、ドロップダウンメソッドが頻繁にトリガーされる または、異常なトリガーの問題 (ここでの問題は、リストの 6 番目の項目が一番下にある場合、遅いプルアップによってフラットリストの onEndReached リスナーが複数回トリガーされることです)

その理由

{flex: 1} が適切ではないためと推測されます 動的高さコンポーネントの親コンポーネントスタイルを使用すると、高さの判断を誤って onEndReached が複数回異常発生します。

解決策

リストの上の必須コンポーネントをヘッダー

プロパティに作成できます。受信コンポーネントはフラットリストのヘッダーコンポーネントとして使用されるため、カプセル化されたコンポーネントを直接呼び出すことができます。 親要素のスタイルを {

height

: '100%'} に設定して、onEndReached リスナーを正しくトリガーできるようにすることもできます。 この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイト

その他の

関連記事に注目してください。 推奨書籍:

JavaScript の DOM 最適化

Vue の計算プロパティ

以上が反応ネイティブのフラットリストのプルアップ読み込み onEndReached が頻繁にトリガーされる問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。