2016-07-08 11 views
2

Ich habe diese einfache Beispielanwendung, die versucht, 100 Zeilen in Listview zu rendern. Was ich erreichen möchte, ist, sie alle zu rendern, sobald die Ansicht montiert ist, so dass der Benutzer die ganze Liste reibungslos scrollen kann. Wie Sie im folgenden Beispiel sehen können, werden die nächsten Zeilen erst nach dem Durchziehen der Liste gerendert, wodurch sie langsam zitiert wird. Ich habe versucht, die Propeller "initialListSize" auf die Länge des Datenarrays zu setzen, aber das scheint nichts zu ändern. Irgendwelche Ideen, wie man ganze Liste rendert?Reactive Native Listenansicht nicht ganze Liste

Sample App

Antwort

5

Versuchen Sie, fügen Sie die ListView props:

removeClippedSubviews={false} 

This is the docs about this props you just added

Und nehmen Sie auch einen Blick auf die Stütze pageSize, docs

+0

Dank. pageSize zusammen mit dem Parameter scrollRenderAheadDistance ist die Möglichkeit zu steuern, wie in der Listenansicht Zeilen dargestellt werden, die sich außerhalb des Bildschirms befinden. –

+0

@ karol.barkowski Bitte diese Antwort als Lösung markieren. Vielen Dank. – gran33

+0

Das funktionierte nicht für mich, aber das tat: initialListSize = {1000} auf den ListView-Requisiten. (nur eine große Zahl, so dass es durch alle anfänglich sichtbaren Zeilen gehen wird. Ich hatte ein Gitter-Ansicht-Layout, vielleicht hat deshalb die akzeptierte Antwort für mich nicht funktioniert. –

Verwandte Themen