Yellow warning messages are most popular among react native developers. Each time when we use react native and dose use inbuilt methods then if we accidentally forget to use some necessary arguments then it will show us a yellow warning message box to add or enable that particular argument. The yellow warning message box dose […]
After updating the latest version of React native 0.62 i have faced a problem while running react native android project. The error is noted as ” Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside ‘android’ folder) consider […]
Displaying Image Icon in header bar is easy in latest 5.x react navigation version. This method is known as replacing header bar title bar Title with custom component in react native. Because by default only Title of activity screen will display on header bar but using headerLeft prop we can easily replace Title text with […]
In react navigation data transfer format is a bit changed then older version. In React Navigation 5.x we would use navigation.navigate() method to navigate to next activity screen. We would also send multiple type of data along with this method. In this tutorial we would send multiple type of data integer and string to next […]
The ScrollView widget in react native has a prop named as showsVerticalScrollIndicator={} which supports Boolean values. If user pass False in showsVerticalScrollIndicator then it will disable the ScrollIndicator. So in this tutorial we would React Native Disable Hide ScrollBar ScrollIndicator in ScrollView Android iOS Example Tutorial. Contents in this project Hide ScrollBar ScrollIndicator in ScrollView […]
Search Bar filter is one of the most common way to filter large amount of dynamic data in mobile applications. As we all know search bar filter is present in almost every single large scale android & iOS mobile app. We have already make a tutorial on real time search using ListView but as our […]
In MAC computer Things are a bit different than Windows PC because when we develop apps in MAC using Xcode for iOS devices for react native than it’ll automatically starts the highest version iOS simulator. Which sometimes developer dose not required. There are almost 12 + iOS simulators devices available. So in Today’s tutorial we […]
KeyboardAvoidingView component is used to avoid keyboard overlapping on TextInput widget in react native. By default if we do not use KeyboardAvoidingView then Keypad will show above TextInput widget on focus. But when we use KeyboardAvoidingView then it will slightly push the TextInput above from screen and show Keypad just below the selected TextInput component. […]
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 […]
