A react native project without using the TextInput component can be a strange thing. In this blog post, I will show you how to change the color of the TextInput cursor. Yes, it’s a simple thing but it can have significance when you are designing your react native app. Text input has many props which…
Most of the mobile users in this world have atleast one google account. Hence, using Google account to authenticate user is always used in many mobile apps. In this blog post, let’s see how to setup ‘sign in with google’ in react native. First of all, go to Firebase console and add a new project….
While developing with react native, you may come across unexpected react native errors. One react native error I recently faced is as following:Module AppRegistry is not a registered callable module (calling runApplication) React Native Error Fix Fixing this react native issue is pretty simple. All, you need to do is to terminate nodeJS process with…
Text is one of the most important components in react native. In this blog post, let’s see how to add strikethrough text in react native. To create a strikethrough text you have to style the text with the props textDecorationLine and textDecorationStyle. Following is the example react native code snippet. Following is the complete react…
React Native Lottie is a library that parses Adobe After Effects animations exported as JSON and renders natively in your react native app. This library reduces a lot of development time when you are adding animations in your app. In this blog post let’s see how to add animations in your app using react native…
SHA1 fingerprint, the secure hash algorithm, is basically a signature of a sequence of bytes. Sometimes, you need to get SHA1 fingerprint from your react native app. Google services like Firebase always require SHA1 fingerprint of your app. So, Follow the steps given below to get SHA1 fingerprint from your react native app using Android…
SHA1 fingerprint, the secure hash algorithm, is basically a signature of a sequence of bytes. Sometimes, you need to get SHA1 fingerprint from your react native app. Google services like Firebase always require SHA1 fingerprint of your app. So, Follow the steps given below to get SHA1 fingerprint from your react native app using Android…
Sometimes, you may want to know whether your react native app is running background or running foreground to execute your tasks. You can use the AppState API from react native for this purpose. If the AppState.currentState is active then it means your app is running in the foreground whereas if the AppState.currentState is background then…
On Android devices, users prefer the hardware back button to navigate back. Even though the actions of the back button are generally desirable, sometimes you may need to customize the action of the hardware button. In this blog post, Let’s see how to customize the back button actions using BackHandler and react-navigation library. The BackHandler…
Redux is the most popular application state management library used in react as well as react native apps. In this blog post, I will explain to you how to do API calls or HTTP requests in react native with redux and Axios. Update: Check out my new blog post on how to do API calls…
The mobile app user interface should be made beautiful to attract the attention of its users. In some scenarios, setting an image as the background for a screen can make the app looks more appealing, and cool. In this blog post, let’s check how to make an image background for a screen in react native….
A View is the most fundamental component for building the user interface of a React Native mobile app. The View acts as a container and it can have any number of children. In this blog post, let’s check how to convert or show View components as different custom shapes such as square, rectangle, circle, triangle,…