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,…
In this blog post, I am going to write about how to dynamically add or remove the TextInput component and get corresponding values from each text input in react native. In this react native dynamic TextInput example, I have three buttons namely add, remove and get values. Pressing add button will add a TextInput component…
In this blog post, I will explain how to add a footer to your FlatList component in react native. If you are looking for how to add a header to your FlatList then check out my previous blog post. In some scenarios, adding a footer, which appears at the bottom of the FlatList component is…
If your react native app shows a good amount of data to the user then most probably, you would be using the FlatList component. FlatList is an enhanced component to render data in lists. In this blog post, I am writing about how to make the header component of FlatList sticky. First of all, how…
Picker component of react native is used for showing drop down menu in apps. If you are not satisfied with the picker component then you can use react native material dropdown component which works well on both Android and iOS platforms. The drop down component follows material design with ripple effects. You can install react…
In this blog post I will walk you through how to create a navigation drawer with custom content component in react native using navigation library react navigation. First of all add react navigation library to your react native project using the following command: npm install react-navigation Now, install react native gesture handler in your project…