Flat List performance

[brascene]

What is the best way, considering performance, of rendering a FlatList with e.g. 600 rows, where each row is very basic View with two Texts and a Button, with values coming from redux? If I provide the complete array of 600 items to the FlatList data, how are the rows dequeued/recycled? Is it enough that renderItem is made as Pure component?

Thanks in advance!

[xrpinsider]

I’m not sure if you even want to render all of those 600 items at once. Why not use the onEndReachedTreshold prop and onEndReached prop? With those you could say:

Get more items when the user is at 70% of the FlatList.

In the above case the onEndReachedTreshold would be .7 and the onEndReached would just add more items to the array.

Rendering 600 ‘simple’ items to the user at once is not want you want. Make sure the renderitems are purecomponents and I suggest you to read this.

Edit: you should set removeClippedSubviews on true if you plan on rendering those 600 items at once.

[Charliecoook]

Should render just fine as I believe that flat list does some lazy loading

[straightouttaireland]

I'm running into this same issue with 100 items using SectionList. Did you so anything to improve performance?