How to Add or Remove FlatList Item with Animation

In this post, we will see How to Add or Remove FlatList Item with Animation. FlatList is the most common thing which you use in the React Native development so here is a basic animation example which will help you to animate your FlatList rendering. We are going to use UIManager from the react-native library … Read moreHow to Add or Remove FlatList Item with Animation

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

Example of Collapsible / Accordion / Expandable List View in React Native

This is an Example of Collapsible / Accordion / Expandable List View in React Native. To make a Collapsible / Accordion / Expandable View we will use react-native-collapsible library. As a mobile application developer we always have a limited area to draw our imagination and in some cases, we have lots of data to show. To solve this … Read moreExample of Collapsible / Accordion / 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