So lösen Sie das Problem des häufigen Auslösens des reaktiven Flatlist-Pullup-Ladens onEndReached

Dieses Mal bringe ich Ihnen React-native Flatlist-Pull-up-Ladevorgänge bei onEndReached häufiges Auslösen, wie Sie das Problem des reaktionsnativen Flatlist-Pull-up-Ladevorgangs bei onEndReached häufig lösen können Was sind die Vorsichtsmaßnahmen? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Problem

Wenn beim Schreiben einer Flatlist-Wiederverwendungskomponente die übergeordnete Komponente beim Aufruf eine Komponente mit variabler Höhe ist, wird die Komponente nicht angezeigt

Wenn Bei der übergeordneten Komponente Style {flex: 1} kommt es zu Problemen mit der häufigen oder ungewöhnlichen Auslösung der Pulldown-Methode (das Problem, das ich hier habe, ist, dass das langsame Pullup auftritt, wenn das sechste Element in der Liste ganz unten ist). löst den onEndReached-Listener der Flatlist mehrmals aus)

Der Grund

Es wird spekuliert, dass {flex: 1} nicht für den übergeordneten Komponentenstil dynamischer Höhenkomponenten geeignet ist und es zu einer Fehleinschätzung kommen wird die Höhe und führen dazu, dass onEndReached mehrmals abnormal ausgelöst wird.

Lösung

Sie können die erforderlichen Komponenten über der Liste in Header-Attribute umwandeln.Übergeben Sie die Komponente als Header-Komponente der Flatlist, sodass Sie die direkt aufrufen können gekapselte Komponente.

Sie können den Stil des übergeordneten Elements auch auf {height: '100%'} festlegen, damit der onEndReached-Listener korrekt ausgelöst werden kann.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website Andere verwandte Artikel!

Empfohlene Lektüre:

JavaScript-optimiertes DOM

Vues berechnete Eigenschaften

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem des häufigen Auslösens des reaktiven Flatlist-Pullup-Ladens onEndReached. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!