Show Timeline using React Native Timeline ListView

This is an Example to Show Timeline using React Native Timeline ListView in Android and IOS. Timeline is very useful to show event activity or progress. Timeline list can be used in many places. For this example, we have used Timeline component provided by react-native-timeline-flatlist. As ListView has been deprecated in React Native 0.60+ we have … Read moreShow Timeline using React Native Timeline ListView

Scroll to a Specific Item in ScrollView List View

In this Example, we will see how to Scroll to a Specific Item in ScrollView ListView. If you are not clear with the topic then you can imagine you have made a list using scroll view something like the example of Making a List using ScrollView and now you want to scroll to a specific item in the … Read moreScroll to a Specific Item in ScrollView List View

Example of Expandable List View in React Native

This is an Example of Expandable List View in React Native. To make an Expandable List View we will create an Expandable Component with the help of stylesheet. Expandable list view is like a sectioned list view but with hidden section content. The heading of the list will always be visible and after clicking the heading you … Read moreExample of Expandable List View in React Native

Example of Infinite Loading Listview in React Native using FlatList

This is an Example of Infinite Loading Listview in React Native using FlatList. A React Native list view that supports infinite scroll. In mobile application development, ListView has a very important part as we use ListView in almost all applications. If we have to load a huge amount of data in a listview we have to … Read moreExample of Infinite Loading Listview in React Native using FlatList

Vertical and Horizontal Scroll View Like Google Play Store in React Native

This is an Example to make Vertical and Horizontal Scroll View Like Google Play Store in React Native. You can easily scroll vertically or horizontally and can click view more to see more items of that category. Installation of Dependency For this example we need react-native-elements react-native-vector-icons dependency. To install this open the terminal and jump … Read moreVertical and Horizontal Scroll View Like Google Play Store in React Native

React Native Show Message for empty FlatList

Here is an example of React Native Show Message for empty FlatList. As the topic name describes we will show the Message for the empty list. We can use this while we are making a dynamic list and the data is coming from the server. After loading the data from the server we can directly set … Read moreReact Native Show Message for empty FlatList

Scroll to the Top or Bottom of the ListView in React Native

Here is an example to Scroll to the Top or Bottom of the ListView in React Native on the Click of Button. We have often seen this type of things in websites where you scroll towards the button and suddenly a button pop up to take you at the top of the page. It provides a … Read moreScroll to the Top or Bottom of the ListView in React Native

React Native Add Header Footer in ListView / FlatList

Here is an example of React Native Add Header Footer in ListView / FlatList. As the topic name describes we will add the header and footer in FlatList. To add header and footer in FlatList we will use ListHeaderComponent and ListFooterComponent props of the FlatList same as we use ItemSeparatorComponent while adding FlatList Item Separator. Add Header … Read moreReact Native Add Header Footer in ListView / FlatList

React Native FlatList Pagination to Load More Data dynamically – Infinite List

Here is an example of React Native FlatList Pagination to Load More Data dynamically – Infinite List. In this example, we will make a FlatList in which we will load the data in the form of pagination on a Click of a button. For those who don’t know what is pagination? Let’s take a case … Read moreReact Native FlatList Pagination to Load More Data dynamically – Infinite List