Hello guys, As we all know react navigation has recently launched its new version 3.x with some major new upgrades. Old React Navigation components name is changed. So it cannot work with old components if you have the older version of react navigation 1.0 or 2.0 then the old components will but other than if […]
FlatList is one of the most usable component in react native, it’s the uppermost version of ListView and used to display a Items of list on mobile screen. In Today’s tutorial we would make a react native application with TextInput, Button and FlatList component. We would enter the values of TextInput inside the FlatList dynamically […]
Automatically image component image scaling is one of the extremely used feature in currently developed mobile application. Using the auto image scaling feature the image can automatically scale itself to given width, It automatically calculates the image height according to given width as respect of image. We are using the react-native-scalable-image NPM GitHub library to achieve […]
React Native Vector Icons is one of the most popular custom icons NPM GitHub library available on internet. It has more than 3K(3000) icons collection in it and they all are free for any purpose. These icons comes with fully customization like icon color, icon size and also support multiple styling. So in this tutorial […]
React Native’s NetInfo component is used to check internet connectivity status runtime in react native application. NetInfo is properly works in both android and iOS mobile platforms. Using the NetInfo component we can detect networks status like your mobile is connected to active internet connection or not and also which connection type your mobile phone is using 4G, […]
IMEI number also known as International Mobile Equipment Identity Number is a unique number given to every mobile phone in the world. IMEI number helps the mobile department to identify each and every mobile present on the globe. IMEI number is most probably used to stop a stolen mobile phone to used again by some […]
Switch case statement is used to select one of my choices in all the programming languages. Switch case evaluates the given value or condition and according to them execute the code of block. In react native we can use the switch case statement to match the given value from user and according to them execute […]
Google Analytics is world’s most usable online user tracking service provided by Google to us. Using this service we can track users behaviour like how much users are currently online on our website our application and their country location and their visiting pattern and much more. This data is very helpful for website and application […]
First of all Thank you so much guys for all of your support and love. ReactNativeCode.com is one of the most popular and searchable website on internet with React Native tutorials no matter the examples is small or large. So now we are opening the suggestion page for our visitors where you can suggest us […]
React Native is in its evolving stage and as every day passed it will become more flexible and user friendly mobile application development language. But since its new version 0.56 is came out we all facing a new error only in Windows PC’s known as ” UnableToResolveError: Unable to resolve module ‘AccessibilityInfo’ from react-native-implementation.js Module AccessibilityInfo […]
Android application has its own secure infrastructure to make application user feel that he is completely secure from any threat and also he can manage to give some of his own data as his own permissions. Here comes the new android’s Dangerous runtime permissions request group in which the application developer directly ask the application […]
Accordion Panels is animated panels with Collapsible and Expandable functionality. Accordion panels are automatically controlled by itself and if user clicks on single panel then it will smoothly slide down and open itself but if you have clicked on any closed panel then it will first close the already open panel and then open the clicked […]
Image uploading is one of the most usable functionality in react native development area because in today scenario every android and iOS application is fully dynamic and comes with Login functionality where user can set his own image as profile picture or upload images from his application. So in this tutorial we would going to […]
iOS application development modal request permissions same as android permissions modal, In iOS react native project if app developer needs to access any type of personal data from application user then he need to add the permissions in react native’s iOS project Info.plist file. This file is the base of iOS project and every iOS development […]
Drawer Navigator also known as Navigation drawer is one of the most useful infrastructure to hold activities in both android and iOS applications. Drawer Navigator manages all the screens into sequential way with a customized sidebar menu panel. We have already make a tutorial on Drawer Navigator but in our previous tutorial we haven’t create […]
Transforming data between activities is one of the most useful task in react native applications because using them we can communicate between activities by passing values to one another. The React Navigation library has its own method known as this.props.navigation.navigate{} which is used to navigate to next activity and with that it can also pass value […]
TextArea component is one of the most famous component in HTML because of its flexibility and usability to contain multiple lines. TextArea is mostly used to get multiple line information from user. In react native there is no certain component available like TextArea but using the TextInput component we can easily make TextArea component using its props multiline={true} . […]
Since we all start development in react native its been very hard for new beginners to kill the current activity and then navigate to another so when application user clicks on the back button it will not allow him to go back on previous activity. But now using the createSwitchNavigator component of React Navigation library we […]
PanResponder component is one of the most useful component in react native, PanResponder is used to recognize the touch on both android and iOS mobile phone screens and gives us many amazing features to detect events on screen. So in this tutorial we would going to Get Clicked Position of Touch Screen Coordinates using PanResponder in react […]
React Native activity(React Navigation) structure has its own Static navigationOptions, which is used set Activity action bar background color, title text color and title text itself and some style options. But the both are by default set only statically once in react native application and sometimes application developer needs to update them dynamically. So in this […]
Storing value locally is very important for react native without using Local Database because database has its lot’s of configuration and it would make the work lengthy if we have to save few values. React Native has its own solution for this by giving us a proper fully ready component named as AsyncStorage, AsyncStorage is used […]
As most of our reader requested we are finally posting this tutorial to Connect Run Apps Using Localhost PhpMyAdmin MySQL Database System in react native, Using this tutorial each of us can easily test our newly build react native apps with MySQL database using JSON. The main purpose of this tutorial is to making and testing […]
RefreshControl control component of react native is used with refreshControl={} prop of ListView, This component will allow us to add Swipe Down Pull to again update JSON data functionality. RefreshControl has its own progress loading indicator which shows automatically when application use swipe down his finger on mobile phone screen and after releasing the finger it will […]
The warning message error Warning : Failed child context type: Invalid child context ‘virtualizedCell.cellKey’ of type ‘number’ supplied to ‘CellRenderer’, expected ‘string’ is one of the most common error in FlatList component in react native. This error is mostly comes with the newly build react native projects because after some modifications we should use virtualizedCell.cellKey should be […]
