In React Navigation latest 5.x version we can easily manage header bar options using screenOptions={{}} prop. The screenOptions prop has multiple header bar styling sub-prop like headerStyle, headerTintColor and headerTitleStyle. Using all of these available props we can properly configure header bar background color, header bar text color, header bar text style and also text […]
Easing is a term in animation to explain different type of moving animations. In animation easing means apply different type of motions on a object like start moving a object fast than stop slowly. Slowing process is called as decelerates the object. There are mainly 4 types of easing available in react native animation. We […]
Header Bar also known as Action bar in android and iOS devices is used to display useful information about application screen in single text. There are always a title present on header bar which is known as Header bar Title text. In latest version of react navigation 5.x we can use the options={{}} prop of […]
In our previous tutorial we had discussed about React navigation latest version 5.x. In this tutorial we wold learn about managing large scale react native applications using custom Modules structure. Using custom modules we can easily manage multiple react native app files by separating them. As we all know in every android or iOS application […]
React native has recently launched its new version 5.x with major changes. React navigation is used in react native apps to add and manage multiple screens. We can easily add multiple activities in our react native project using react navigation. React Navigation has changed its way of installation. Now we have to make some changes […]
Backslash symbol with small n character is used to denote next line in web apps and react native applications. When we use ‘n’ character in between the given string text then it would automatically breaks the text from that particular location in both android and iOS react native apps. So in this tutorial we would […]
YouTube is one of the highest uses online video sharing platform available on internet. On a particular time every mobile application developer needs to user YouTube videos in their mobile application easily. So in react native there are a lot’s of ways to integrate YouTube video but most of them is unreliable. But using react-native-youtube […]
React native by default dose not support File Picker functionality but using the react-native-document-picker NPM library we can implement file picker in both Android and iOS devices. One more thing Android emulator does support the File picker but in iOS devices iPhone did not support file picker. If you want to test file picker functionality […]
As the react native world grows there are more opportunities comes for react native developer. In current development world you can perform any type of mobile functionality in react native which we can do in JAVA android development. In today’s tutorial we would make a react native application which would convert all the HTML(Hyper Text […]
SMS also known as Short Message Service is one of the oldest messaging service since with mobile birth time. SMS is used to send short Text messages between two mobile phones or Two receivers. React native yet not supported background SMS sending functionality yet we can send the Text message from app to default messaging […]
Opacity style is used to control visibility of a particular component in react native. In this tutorial we would make a simple box using TouchableWithoutFeedback component and change the opacity using animated value. We would call a function on TouchableWithoutFeedback onPress event and start the animation for a particular defined time. So in this tutorial […]
This tutorial is the 2nd part of our previous tutorial Creating PHP Api for User registration. In previous tutorial i have explained about how we can create PHP Api which received data from our react native application and insert data into database. In this tutorial we would learn about writing code for app so we […]
I have posted tutorial on this topic about a year ago and few peoples are facing problems understanding the code. So today i am making the same tutorial again with more explanation, So all the new and old users can understand it easily. In this tutorial we would create react native application with user registration […]
Multiple screens is base of every dynamic react native application & there is a fix animated transition on screens opening time. When application user navigate from one activity to another react navigation gives us fix pop out and pop in animated transition. But sometimes application developer required to change the animated transition between activities navigation […]
Captcha is a type of unpredictable challenge text code written in alphanumeric characters used to make difference between Virus(SPAM) and real humans. Captcha can only be readable by human eyes and only humans can answer the right captcha. It’ll stop spam attacks on Log-In, Sing-Up and Comment pages in web applications. Right now the Captcha […]
Password is a secret group of characters with symbols used to gain access into a certain place. Normally before the password encryption technique the password is saved as same typed form, Which can be easily readable via human eyes. Which is not safe for users. Now days the password is first convert into a fixed […]
Hello guys, we all have heard about a famous react native NPM library rn-fetch-blob. This library comes with amazing possibilities and features which make easy to use it for beginners. In this tutorial we would Download Image from URL into Gallery folder and save the image in downloads folder. First we would send the request […]
On the date of July 3, 2019 react native officially launched its new stable version 0.60 . The new version comes with many changes and integrated with special functionalities. With the help of hundreds of react native developers this is now possible. In 0.60 version react native has solved many issues regarding to both android […]
In React Navigation StackNavigator is a major component because it is the base of every activity screen. Every single screen is managed by StackNavigator in react navigation. There are a lot’s of options to customize the StackNavigator is available in react native and one of them is Dynamically Change React Navigation Header Title Text of […]
In react native we can navigate directly from react native android app to other app screen in Google Play store. As we can see in many application there is a Give us Rating dialog dialog shows on screen & when user press button it will directly navigate them to Play store screen. We would use […]
There are so many languages in the world even in INDIA we can found more than 14 languages spoken fluently by million of peoples. By giving support of Localization also know as Multiple language support we can provide more facility to our application users. Users can choose their own language or the language they are […]
Facebook Login is used by thousands of android & iOS application because of its easy Login implementation. Facebook has more than 2.37 billion users around the globe at present time. In react native using the Facebook Login we can give the easy login facility to our application users because there is no need to register […]
Key hash is secure encrypted key created by mobile application developer from his own computer system. Key hash authenticates the information between your application and Facebook server. Adding key hash in Facebook developers console is mandatory and if you want to use the Facebook Login in your android mobile application then you have to add […]
Google maps is web mapping service developed by Google. Google launched the Google maps free service on 8 February 2005. Since then it is became continuously popular among regular peoples and mobile application developer. In react native we can easily Integrate Google Maps in Android iOS application using react-native-maps NPM GitHub library. react-native-maps library is […]
