FlatList - PullToRefresh, Load More and Filtering implementation
Hey Guys!! Good Day!!! In last post , we have seen how to render FlatList using React Native Elements. Today, Let's see how to implement filtering functionality, load more functionality and pull to refresh functionality. (i) First, let's see how to implement filtering data from FlatList . Initially, we have to set some fields in State as below: isLoading - to show/hide ActivityIndicator dataSource - to set the values to FlatList dataBackup - to store the values as backup Let's fetch data from api, on app's launch and set the values to dataSource and dataBackup and use that to render it in FlatList . Then we can set FlatList with itemSeparator - to show our custom bottom line, header - to add Searchbar at the top of it. <FlatList .... ....