Comment résoudre le problème du déclenchement fréquent du chargement de pull-up de liste plate native de réaction onEndReached

Cette fois, je vais vous présenter react-le chargement de pull-up de liste plate native onEndReached se déclenchant fréquemment, comment résoudre le problème du chargement de pull-up de liste plate native de réaction onEndReached déclenchant fréquemment Quels sont les précautions , ce qui suit est un cas pratique, jetons un oeil.

Problème

Lors de l'écriture d'un composant de réutilisation de liste plate, si le composant parent est un composant à hauteur variable lorsqu'il est appelé, le composant ne sera pas affiché

Si le composant parent Style {flex: 1}, il y aura des problèmes avec la méthode pull-down se déclenchant fréquemment ou anormalement (le problème que j'ai ici est que lorsque le 6ème élément de la liste est en bas, le pull-up lent sera déclencher l'écouteur onEndReached de la flatlist plusieurs fois)

Raison

On suppose que {flex: 1} ne convient pas au style de composant parent des composants de hauteur dynamiques, et il jugera mal le hauteur et provoque le déclenchement anormal de onEndReached plusieurs fois.

Solution

Vous pouvez transformer les composants requis au-dessus de la liste en en-têteattributsPassez le composant comme composant d'en-tête de la flatlist, afin que vous puissiez appeler directement le composant encapsulé.

Vous pouvez également définir le style de l'élément parent sur {height : '100%'}, afin que l'écouteur onEndReached puisse être correctement déclenché.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention au site Web chinois php Autres articles liés !

Lecture recommandée :

DOM optimisé pour JavaScript

Propriétés calculées de Vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!