vemarav/scrollview_vs_flatlist_vs_recycler_list_view.md

Last active August 9, 2021 11:36

Star (6) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/vemarav/d3fbd9399bc1c3314a40ed87f8ba6877.js"></script>
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