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

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

React Native Show Progress bar While Loading WebView

This example is sort of extension of our previous post of Webview Example in which we have loaded the HTML page from URL. Here is the example of how to Show Progress bar While Loading WebView. As it is the import topic to cover so we decided to cover it separately. In this example, we will … Read moreReact Native Show Progress bar While Loading WebView

React Native Swipe Down to Refresh List View Using Refresh Control

Here is an example of React Native Swipe Down to Refresh List View Using Refresh Control. It was first introduced in Android Material Design and became very popular. Almost all Apps are using Swipe down to refresh. In React Native you can use this feature using RefreshControl provided by React Native. To Import Refresh Control in … Read moreReact Native Swipe Down to Refresh List View Using Refresh Control

Understanding of React Native ActivityIndicator

This post will Give you an Understanding of React Native ActivityIndicator. React Native ActivityIndicator is a component for displaying loading action. It is the same as the circular loader/Progress Bar. It is used to show the progress of long-running task so that the user can understand something is in progress. To Import ActivityIndicator in the Code

Render … Read moreUnderstanding of React Native ActivityIndicator