Skip to content

Instantly share code, notes, and snippets.

@vemarav

vemarav/scrollview_vs_flatlist_vs_recycler_list_view.md

Last active August 9, 2021 11:36
Show Gist options
  • Save vemarav/d3fbd9399bc1c3314a40ed87f8ba6877 to your computer and use it in GitHub Desktop.
Save vemarav/d3fbd9399bc1c3314a40ed87f8ba6877 to your computer and use it in GitHub Desktop.
Download ZIP
Comparison of react native ScrollView vs FlatList vs RecyclerListView
Raw
scrollview_vs_flatlist_vs_recycler_list_view.md

Memory consumed by FlatList and RecyclerListView is similar, RecyclerListView wins over UI glitches as for large data sets glitches may observed in FlatList

No ScrollView FlatList RecyclerListView
1 No Memory Management Automatic Memory Management Automatic Memory Management (Similar to FlatList)
2 Loads All content at once Loads content as window scrolled Loads content as window scrolled
3 Scroll position is not preserved if data refreshed Scroll position is not preserved if data refreshed Scroll is preserved if data refreshed
4 Observable frame drops Observable frame drops for large data sets (> 1500) No frame drops, Highly Performant
5 Trouble refreshing data Trouble refreshing data Easy to refresh/update data
6 Available in react native import {ScrollView} from 'react-native' Available in react native import {FlatList} from 'react-native' Available via third-party module import { RecyclerListView, DataProvider, LayoutProvider } from "recyclerlistview" https://github.com/Flipkart/recyclerlistview
7 Easy to setup Easy to setup Hard to setup, Limited Documentation
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment