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

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 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

How to use Currency Symbols in React Native

This is an example of How to use Currency Symbols in React Native. React Native Currency Symbols are not so different they are similar to HTML Unicode. Whenever we make an E-commerce or any budget app where we have to show some amount or currency, we can use the currency symbol to understand it easily. Here … Read moreHow to use Currency Symbols in React Native

React Native Collapsible Toolbar with Animation

Here is an example of React Native Collapsible Toolbar with Animation. It was first introduced in Android Material Design and became very popular. In Collapsible Toolbar when screen renders for the first time we got the broad header which will help us to get the attention of the user on important details. As the user scrolls … Read moreReact Native Collapsible Toolbar with Animation

React Native ListViewDataSource

ListView Component has been removed from React Native after React Native 0.59. Please visit FlatList Example. This is an old example for React Native version< 0.59. React Native DataSource provides efficient data processing and access to the ListView component. A ListViewDataSource is created with functions for extracting data from the input blob, and comparing elements (with default implementations for convenience). … Read moreReact Native ListViewDataSource

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

Example Showing the use of ScrollView in React Native

This post contains the Example Showing the use of ScrollView in React Native. React Native ScrollView is a component to wrap the content which is overflowing from the screen. When you have any UI or text which is going after filling the while screen you can wrap it with ScrollView. ScrollView is for both horizontal scroll … Read moreExample Showing the use of ScrollView in React Native

Introduction of 12 Basic React Native Components

Introduction of 12 Basic React Native Components includes the overview and basic understanding of React Native basic components. As we all know React Native is a component-based JS framework therefore whatever you make in Rect Native will become a component for others. Components are always required by the app developers to sketch his/her imagination on the … Read moreIntroduction of 12 Basic React Native Components