Realm database is growing among developers because of its flexibility and usability, It is more suitable for react native applications rather than using SQLite database because of a proper and stable version. In our previous two tutorials we have discussed about Inserting data into Realm mobile local database and Showing all inserted data into ListView. […]
Since updating to new version of React Native 0.55 we all have been starting to seeing a yellow error message box in our newly build react native application “Warning: isMounted(…) is deprecated in plain JavaScript React Classes. Instead, make sure to clean up subscriptions and pending request in componentWillUnmount to prevent memory leaks.” This error […]
Currency is the base of every country and based on its global price country growth is decided using currency. Every big country has its own currency format like United states of America has Dollar($), India has Rupees ₹, European countries has Euro(€), Japan has Japanese Yen and United Kingdom has Pound sterling(£). So in this tutorial […]
FlatList component has 2 major props named as ListHeaderComponent={} and ListFooterComponent={}, they both are used to set header and footer on FlatList. The header is used to show some particular information about FlatList data and the footer is used to show any message at the end item of FlatList data like FlatList has finished here. So in […]
Our this tutorial has a special purpose between developers, because many of our visitors wanted to test react native apps using Local PhpMyAdmin MySQL database and most of them doesn’t know how to? So in this tutorial we would going to create simple User Registration with Local PhpMyAdmin MySQL Database application in both iOS Android devices […]
FlatList has a prop named as ListEmptyComponent={} which renders a function containing View Layout or specific event trigger if there is not data present in FlatList data source object. This type of functionality is mostly used when there is some problem in internet connection and if FlatList is unable make the web call on some network […]
App Icon is the main application icon shows on the Application ICON tray known as menu bar, The app icon is used to open the specific application and each application has its unique app icon. There are already a pre-define application ICON present in both android and iOS applications and according to developer need they […]
The activity navigation also known as Action Title Bar is used to show the activity name as title and image icon inside it. At the default stage the navigation bar shows at the top of the application screen with activity title, but sometimes react naive developer needs to remove the navigation bar in order to […]
Horizontal Progress bar is the main component of react native because of its comparability and usability. Horizontal progress bar is used to show the progress in percentage format by simply filling a horizontal bar smoothly. In this tutorial we would going to make a fully compatible Text Reader for react native using the ScrollView and […]
There are two most famous 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 (A2+B2) and same as but in different manner the Subscript tag is opposite of superscript, In subscript tag the next character would be half down to […]
The Execution failed for task processDebugResources error is one of the most common error faced by every react native developer, This error is mostly comes after installing any third party plugins(Libraries) into our react native project. This error comes because of build failure and the react native apk builder were unable to generate the sample apk […]
As we have discussed in our previous tutorials about Inserting Data into Realm database, Now this tutorial is the next part of inserting data tutorial. Inside this tutorial we would going to perform some amazing functionality and Display all the Already inserted items into Realm Mobile Database inside a Custom ListView. We would render all […]
Drawer Navigator in react native also known as Navigation drawer is a full screen view UI(User Interface) that shows all the applications main navigational menus and activities on a let to right sliding panel. Navigational Drawer is basically hide when no need and can be viewed on left to right finger swipe gesture on mobile […]
Copyright icon is very useful in the history of web development and as well as mobile application development. Copyright icon would give the authority to the developer or the main head of organization to that all the design, data present in application, coding is belong to him and the he or she reserved all the […]
Component is a way to represent any data into a significant and organized way by putting that data into structured form. Components is the base of every react native application and development is not possible in react native without components. There are lot’s of components is already build in(Pre define) in react native and each […]
React Native recently launched a new named as ImageBackground with new version specially to give support for Image Background, because before this component we need define View or Text background as Transparent in order to place above image. Using this component we can easily create full background images within a few seconds. This component is […]
Realm mobile database is next generation hybrid local mobile database used in both react native android & iOS application. This database is no match for SQLite and in many ways better then SQLite because of its platform independent behavior. In our previous tutorial we have discussed about Installing Guide of Realm and this tutorial is […]
React Native gives us style attribute left, right, top, bottom and using them we can stick any view at a particular position on mobile phone screen. Bottom button is mostly used in application where developer needs to show a loading button or loading View at the base of application scree. So in this tutorial we […]
As you can see in our previous tutorials we have created several types of JSON flatlist and now we are creating completely dynamic custom JSON FlatList with Images and Text component in react native application. The images is uploaded on our online web hosting server and images URL(Path) along with image name is stored inside MySQL […]
React Native life cycle methods is in updating process and since the updation is began we all have seen 2 Errors on our newly created react native applications while using componentDidMount(), componentWillReceiveProps() and componentWillMount() inbuilt methods of react’s. This error is very irritating and makes your application look awkward. So after finding a lot on react’s […]
React native components did support the percentage(%) format like we have already seen in web applications, Developer can Set View Height Width in Percentage format Respect of Root View. It will automatically determine the Parent component height width and according to that it will set children view height width in both android and iOS react […]
Typing text animation also known as Animated Type Writer, Computer Matrix movie style animated text typing style is used to show any text with typing text animation. Using this animation we can display text typing like some person is typing it on screen with blinking cursor ahead of it all the time. So in this […]
Screenshot is the graphics file that stored the current opening application on screen into a JPG or PNG format media image file, It will capture the screen and anything that display on the screen at the moment. Taking snapshots is a very important procedure for online ticket booking, online hotel booking, online movie ticket booking […]
Message From Founder of ReactNativeCode.com : Hello Guys, First of all “THANK YOU VERY MUCH” for becoming a part of ReactNativeCode and help us to growing. I had a big dream to make a website for react native developers which helps them to learn new thing in react native for both Android and iOS applications. […]
