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…
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…
There are tons of mobile devices including smartphones and tablets with different dimensions and resolutions. Hence, sometimes it is important for developers to identify the device. In this blog post, I will tell you how to detect whether a device is a tablet or not in React Native. I prefer to use react native device…
Update: This is an old post. I have created a new tutorial with typescript. Check out the blog post given here. Navigation is an important aspect of any react native mobile application. While navigating from screen to screen, you may also want to pass data. In this blog post, you can learn how to pass…
In this blog post, I show you how to make the screen refresh when you navigate back in react native using react navigation library. Most of the react native projects out there prefer react navigation library for the navigation solutions. Usually, when a user navigates back using the back arrow of the header or hardware…
If there were no libraries such as react navigation, navigation in react native would have been an uphill task. In this blog post, you can learn how to create a bottom tab navigator in your react native project. First of all, I recommend you install react navigation into your react native project by following the…
Even though React Native has a lot of components and apis itself, sometimes we feel some items missing especially when we want to increase the pace of development. Fortunately, React Native has a wonderful community behind to develop third party libraries to reduce the ‘missing’ components gap. In this blog post, I am not writing…
Well, there are some third-party libraries to scan QR codes through your React Native mobile app but what about generating QR codes in your app? I went through some of the react native libraries when I got a requirement from a client to generate a QR code inside the mobile app. Even though the popular…
Downloading an image to your Android device can be achieved using the React Native Fetch blob library. Before downloading an image in Android, your app must require permission to write external memory. Hence, first, you should add permission in the Android manifest file. Go to yourProject/android/app/src/main/AndroidManifest.xml and add the following line. Now, the following code…