2

I am rendering a list that has large data in its item, and when we scroll it speedily sometimes it is going blank and causing performance issues?

Is there anything like react-virtualized that we can use in react-native?

I want to add refresh-CTA button as well where I want to clear my list and scroll it to the top, the issue here is when clearing the list sometime one of my item is stuck on the top and not getting removed even if I am clearing the list data.

Any suggestions will be appreciated.

Sakshi Goyal
  • 31
  • 2
  • 4
  • I don't think blank screen momentarily is performance issue as FlatList content are rendered asynchronously offscreen which if scrolled fast than the fill rate, you will see see blank content. And this is mentioned in official docs as well https://reactnative.dev/docs/flatlist.html#example Under the hood implementation VirtualizedList can help you https://reactnative.dev/docs/virtualizedlist – Vishal Rajole Sep 10 '20 at 18:51
  • Does this answer your question? [React-Native FlatList performance problems with large list](https://stackoverflow.com/questions/47678959/react-native-flatlist-performance-problems-with-large-list) – William Brochensque junior Sep 10 '20 at 18:58