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 Searching in List using Search Bar in React Native

Here is an Example of Searching in List using Search Bar in React Native. In our previous example of a search bar using TextInput, we have mentioned that searching is very important if we have a long list. It provides great user experience and control over the data to the App user. The user can easily search the data … Read moreExample of Searching in List using Search Bar 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

Make Search Bar Filter for List View Data in React Native

This is an example to Make Search Bar Filter for List View Data in React Native. Basically, We will make a React Native FlatList with real-time searching ability. If we have a Long list in the app then it is very inconvenient to search the required data by scrolling the whole list. Let’s take an example of E-Commerce … Read moreMake Search Bar Filter for List View Data in React Native

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 Items to ScrollView using Loop

This is an Example of React Native Add Items to ScrollView using Loop.  In this example, you will be having the basic idea about the loop in JavaScript. We are making a List but here we are not using any ListView instead we are making using the for loop and scroll view. We are attaching a … Read moreReact Native Add Items to ScrollView using Loop

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

Example to make Section List in React Native

This is an Example to make Section List in React Native. Section List is a list of sections and headings. It is among the simple but mostly used components. This example will be helpful for you to understand how to use Section List in React Native. You can also check FlatList example for the Simple list. … Read moreExample to make Section List in React Native

Use of FlatList Component in React Native

This is an example to show the Use of FlatList Component in React Native. React Native FlatList is a simple ListView. It is among the simple but mostly used components. Here is the example of FlatList which will be helpful for you to understand how to use it. You can also check SectionList example for the … Read moreUse of FlatList Component in React Native