In both android & iOS mobile devices the applications runs on 2 modes. First mode is Foreground known as front active mode on which the application remains open on mobile screen. Second mode is Background mode in which the app is in background and user is accessing other apps on that time. The AppState component […]
Secure hash algorithm also known as SHA1 certificate is a unique device identifier globally unique to identify each system alone. The SHA1 and MD5 signature is mainly used when we want to use Google android services in our react native android application like Firebase, Google analytics, Google sign in & Google maps. So in this […]
In mobile applications we have seen many times there is a calling button present and when we would press that button it would open the phone numbers on mobile dial pad screen. This functionality would give us more easiness in our application and we would directly make a call from application. When we would press […]
Stopwatch is used to measure spending time of a certain activity between activation and deactivation time. In today’s life Stopwatch is used to calculate running time for health purpose, question asking time for quiz contest purpose and etc. In this tutorial we would Create Stopwatch Timer for both android and iOS react native mobile applications. […]
App Intro Slider is a group of multiple slides shows at the application start time in mobile phones. App Intro Slider contain useful information in picture format about application like what is the most useful nature of application. In react native we can create App Intro Slider using react-native-app-intro-slider NPM GitHub library. I am telling […]
A countdown timer is a reverse virtual clock which runs in reversible mode. We have seen the Countdown Timer in many mobile applications where after a certain time a particular task executed. This happens when the Countdown Timer reaches to Zero value. In react native we can make beautiful fully custom Countdown Timer using react-native-countdown-component […]
QR Code also known as Quick Response Code is a 2 dimensional matrix block code in picture format. QR Code consist square blocks of black color with remaining white space between them. In current world QR Code is very handy in mobile phones and mainly used to scan pictures & Websites URL. After scanning QR […]
Since we all know react native has recently launched its newly more compatible 0.59.2 version with some basic changes. But after upgrading to new version or creating new react native project we all have faced a common error. The error is coming from the Metro server instance. When we run our react native project then […]
Hardware back button is a most important part of every android mobile phone. Back button gives us the functionality to going back in previous activity without any customization in application. If we would on the main home page activity screen then by default pressing back button would exit us from the app. In react native […]
ART component is used in react native when we want to draw different shapes in iOS applications. Art component called using ART object. In react native iOS application project the ARTShape library cannot be directly used, we want to link our react native project to ART library. So in this tutorial we would solve react […]
ViewPager is common among mobile developers, It is a group of multiple views connecting to each other with swipe effect. User can swipe left and right to change between views. In react native it is possible using React-Native-ViewPager NPM library. This library comes with 3 different types of ViewPager TitleIndicator, DotIndicator and TabIndicator. In this […]
In every mobile application Price card view is used to show the pricing plan of a particular product with some basic details. There are many NPM libraries is available on internet which gives you instant price card creating facility but its nice to create your own design and improve it according to your user requirement. […]
Flashlight is a important part of every mobile phone in current arena. It comes build in with each multimedia smartphone that comes with camera. Flashlight is basically used as camera flash in mobile phones but it can be also used as individual flashlight at night. In react naive there is no direct build in component […]
Expandable ListView is the common Multiple ListView structure used in hundreds of mobile applications. Expandable ListView is a expandable collapsible vertical listview structure used to show multiple category and sub category wise list structure. It is also known as two level vertical scrolling listview. It is differ from simple ListView because in simple ListView or […]
Clipboard is a clean slate temporary storage area in computers & mobile phones used to perform cut, copy and paste text functionality. By default the cut, copy and paste functionality works automatically in TextInput component in react native. Sometimes developer needs to manually push and pop the values of Clipboard. We would use the react […]
ScrollView in react native is one of the mostly used component after FlatList. ScrollView can render different types of component with different properties. In this tutorial we would Dynamically Add Remove Component using Animation in ScrollView component. We would add Views in scrollView on application run time and also provide the functionality to our user so […]
Radio Buttons are graphical round shape elements that allows the application user to select only one single item from given multiple items. Radio Button groups is group of multiple radio buttons works in a singular way. When application user select radio button then all the other radio buttons will automatically de-selected, so app user can […]
Hello Guys, First of All Thank You Very Very much for becoming a part of ReactNativeCode.com. My dream is to make a website which can solve react native developer’s(Android and iOS) problems and help them to make things they cannot make easily. So by the support of all of you i am success in my […]
Auto image slider gallery is a type of image container that holds multiple images inside it with navigation options. Image Slider has Image Title and Caption text to show some useful information about current image. Image Slider also contain Left Right navigation arrows and Page Indicators connected with each image. In react native if you […]
Hindi language is the mother tongue of INDIA. Hindi is speak by over 120+ million peoples in INDIA an nearly 425+ million people speak HINDI around the world to communicate as a language bridge between peoples. This tutorial is dedicated to all the HINDI language lovers who wish to create mobile application in HINDI language. […]
Material Bottom Navigation View is a hidden view which doesn’t display on device screen at first. This view comes up from bottom of application screen when user press specific button with slide down to slide up animation. Material Bottom Navigation View can contain any widgets or components. In React Native there are no specific component […]
Array is used to hold single type of multiple values in all of programming languages but using the array of objects we can easily hold multiple types of value into a single array object. In this tutorial we would going to make a array with multiple object values and Get Object Value From Array and Show […]
Latitude and Longitude are two imaginary lines draw on earth’s map to locate any place on Earth. Latitude is the distance of north or south of the equator (an imaginary circle around the Earth halfway between the North Pole and the South Pole) like a horizontal line between earth. Longitude is distance east or west of […]
Tab Navigator inside Drawer Navigator is used by hundreds of mobile applications where developer wants to manage multiple activities(screen) in single mobile app. Tab Navigator show all the screens into a single screen with already implemented animated swipeable feature, Activity names will show at the top of the mobile app. In Drawer Navigator there is […]
