Usually, we run react native apps on real Android devices using the USB debugging method. The main issue with this method is that you need your device connected through a USB cable all the time. In this blog post, let’s how to debug or run your react native apps over a wireless network (WiFi). First …
How to do Wireless Debugging in React Native with Android Devices Read More »
Flipper is a debugging tool backed by Facebook and can be used for debugging Android, iOS, and react native projects. From version 0.62 onwards, React Native comes with default support for Flipper. Let’s check how to use flipper with react native. First of all, you have to install the Flipper app on your PC. You …
PDF is one of the most popular formats used for documents. As a result, you may have to add PDF support to your react native apps. In this blog post, let’s check how to create thumbnails for PDF files in react native. We use a third party library named react native pdf thumbnail to generate …
How to Create Thumbnails for PDF Files in React Native Read More »
We get API response mostly in JSON format. It’s due to the simplicity and popularity of JSON. Sometimes, developers prefer to give API response in raw text. In this blog post, let’s check how to handle text response using Fetch in react native. React Native provides Fetch API for our networking needs. Fetch returns promise …
How to Handle Text API Response using Fetch in React Native Read More »
When you use components such as FlatList, you may get few warnings in react native. Even though these warnings may not appear as crucial it’s always better to fix those warnings. One such warning you may come across is given below. Warning: Failed child context type: Invalid child context virtualizedCell.cellKey of type number supplied to …
How to Fix Failed child context type: Invalid child context Warning in React Native Read More »
Importance of One Time Passwords are increasing in modern mobile apps. Developers add an extra layer of security in their apps by generating and verifying OTPs. When it comes to verify mobile numbers, OTPs are the way to go. In this blog post, I am creating a react native OTP generator. This will be helpful …
It’s usual to encounter unprecedented errors when you are using so many third-party libraries in your react native project. Recently I faced a build error when I tried to run a react native android app. Following is the error shown in the terminal. Execution failed for task ‘:app:mergeDebugNativeLibs’.A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacadeMore than one …
The Portable Document Format (PDF) is one of the most popular formats used for documents. In this blog post, let’s check how to show pdf files in react native. React Native Pdf is a third party that helps us to open and read pdf files from a URL or local assets in react native. It …
Nowadays, everything happens digitally. Sometimes, we may need to capture the signatures of users digitally for our applications. We can capture the signature in react native with the help of a third-party library named react native signature canvas. The react native signature canvas provides a canvas component where the user can put the signature. So, …
How to Capture Digital Signature in React Native Read More »
Environment variables are global variables. The files with the .env extension are suitable for saving variables such as domains, API URLs, endpoints, etc. They help to decouple configuration details from our whole project. How to setup .env file in react native In react native, just adding a .env file is not enough. You have to …
We always want to test our app before creating a signed APK file or ABD file and publishing it to the Google Play Store. Generating a debug APK file not only helps us to test the app ourselves but also let us to share it among other users. Let’s check how to generate debug APK …
Everyone knows the importance of FlatList component in react native apps. FlatList helps us to huge amount of data in the most user friendly way. In this blog post, let’s check how to add a scroll to bottom functionality to FlatList. If you are looking for how to add scroll to top option in flatlist …
How to Add Scroll to Bottom Functionality to FlatList in React Native Read More »
FlatList is one of the most popular components used in react native mobile apps. It helps you to show your data to users in a convenient and scrollable way. A scroll to the top option will be a nice feature for FlatList with so much data. It helps users to return to the top of …
How to Add Scroll to Top Functionality to FlatList in React Native Read More »
If you have worked with any apps with social feeds then you might have faced this issue. The images you receive from the server will have different heights and widths. As a mobile app developer, you may need to show them neatly with a fixed width and dynamic height. Let’s see how to show images …
How to Show Images with Dynamic Height in React Native Read More »
