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 […]
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 […]
