Zeigen Sie einen Aktivitätsindikator am Ende einer ListView in React-Native an

8

Suchen nach einer Möglichkeit, einen Aktivitätsindikator an das Ende einer ListView anzuhängen, wenn der Benutzer das Ende erreicht hat und die App nach mehr Daten von einem Server fragt. Ich kann den Indikator nach dem ListView hinzufügen, aber es wird immer angezeigt.

    
danseethaler 13.05.2016, 13:11
quelle

1 Antwort

21

Das solltest du erreichen können, indem du die onEndReached prop für A ListView verwendest. Wenn Sie das Ende erreicht haben, können Sie den Loader rendern. In meinem Fall habe ich renderFooter verwendet, um den Loader am Ende der Liste darzustellen. In meinem Szenario

Sie können im Komponentenstatus ein Attribut mit dem Namen messagesLoading festlegen, das Sie beim Aufrufen neuer Daten auf "True" setzen und bei Abschluss auf "False" setzen. Auf dieser Grundlage können Sie den Ladeindikator in der Fußzeile anzeigen oder nicht.

Diese Beispielteilimplementierung sollte Ihnen eine Vorstellung davon geben, wie Sie es tun können:

%Vor%     
fabio.sussetto 13.05.2016, 13:24
quelle

Tags und Links