React Native Get Clicked Location of Touchscreen Using PanResponder

To get the clicked location of touchscreen React Native provides an easy to use the component called PanResponder. it is used to recognize the touch on both Android and iOS mobile phone screens. This example is for those who want to start the gaming applications development in React Native. To Import PanResponder in Code

Use … Read moreReact Native Get Clicked Location of Touchscreen Using PanResponder

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

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 Get Unique ID of Device

Every mobile device in the world has its unique ID which is a combination of Alphabetic and Numeric characters. To get the device’s Unique ID and we can use the react-native-device-info library. The unique device ID is used to identify a device uniquely. For example, if you are making an application which requires a unique device dependent … Read moreReact Native Get Unique ID of Device

React Native Show SuperScript and SubScript

React Native SuperScript SubScript is a React Native Version of tags available in HTML known as <sup> superscript and <sub> subscript. Superscript tag sets the half of character above on the text writing line like (10am) and same as but in a different manner the Subscript tag is opposite of superscript, In subscript tag, the next character would be half down to … Read moreReact Native Show SuperScript and SubScript

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

Detect Device is Android or IOS using React Native Platform

Example to Detect Device is Android or IOS using React Native Platform includes the use of React Native Platform Component. As the topic name describes itself, we will detect the Device is Android or IOS.  This is very useful while we have to load different elements according to the different OS. We will use Platform component to detect the Platform. … Read moreDetect Device is Android or IOS using React Native Platform

Add StatusBar in React Native App in Android and IOS

This post will help you to Add StatusBar in React Native App in Android and IOS. React Native StatusBar is a component to show the indicators like the battery, network, notification etc. React Native by default doesn’t understand the status bar and render the view from the top left corner of the screen and override the status … Read moreAdd StatusBar in React Native App in Android and IOS