Month: July 2019

How to Add a Material Design Dropdown in React Native Compatible for both iOS and Android

Last Updated on January 7, 2020. 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 …

How to Add a Material Design Dropdown in React Native Compatible for both iOS and Android Read More »

‘ERROR: Running multiple emulators with the same AVD is an experimental feature’ Android Emulator Error Fix

Last Updated on July 26, 2019. As a react native user, I prefer to run android emulator using the command line. Thus, I can avoid opening Android Studio. Sometimes, I can’t run the emulator as I face the following Android emulator error: emulator: ERROR: Running multiple emulators with the same AVD is an experimental feature. …

‘ERROR: Running multiple emulators with the same AVD is an experimental feature’ Android Emulator Error Fix Read More »

How to Create a Drawer Navigator with Custom Component in React Native using React Navigation

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 …

How to Create a Drawer Navigator with Custom Component in React Native using React Navigation Read More »

com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives React Native Error Fix

I came across this react native error when I tried to run my react native project with react-native run-android command after adding a third party library which made native changes. Here’s the error which caused the failure of the app build:java.lang.RuntimeException: java.lang.RuntimeException: com.android.builder.dexing.DexArchiveMergerException: Error while merg ing dex archives: The number of method references in …

com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives React Native Error Fix Read More »

How to Increase Start up Speed of React Native Android App using Hermes

Performance of Android apps built with react native is a bit lower when compared to the performance of iOS apps. So how to increase the performance of Android apps built with react native? The answer is by enabling Hermes. Hermes is an open source JavaScript engine optimized for running react native Android apps. It helps …

How to Increase Start up Speed of React Native Android App using Hermes Read More »

Increased RAM Consumption causing PC Hang React Native 0.60.3 Issue

Last Updated on July 18, 2019. I created a new react native project with the latest react native version 0.60.3. But while running the project I found that my pc which runs on Ubuntu 18.0.4 got hanged at some point of time. I tried this several times but the result was the same for me. …

Increased RAM Consumption causing PC Hang React Native 0.60.3 Issue Read More »

ENOTEMPTY: directory not empty React Native Error Fix

When I was trying to add a third party library to my react native project using npm the following error was shown in the terminal. npm ERR! ENOTEMPTY: directory not empty, rmdir ‘/media/rashid/B0305F9E305F6A7C/MyProject/node_modules/.react-native.DELETE/scripts’ As given in the error message it is saying node_modules/.react-native.DELETE/scripts folder is not empty. Hence I navigated to node modules but I …

ENOTEMPTY: directory not empty React Native Error Fix Read More »

How to Create a React Native Project with Specific React Native Version

When we create a new react native project we prefer the latest version of react native. But in some situations, we might need to create a new project using specific react native version. This usually happens when the latest version of react native has many breaking changes and is unstable. react-native init ProjectName is the …

How to Create a React Native Project with Specific React Native Version Read More »

How to Create a Navigator without Back Actions in React Native

While creating an authentication flow we usually don’t want the screens to navigate back. In such situations, we want a navigator which resets the navigation history while navigating. In this blog post, I will show you how to create a navigator without navigation history in React Native. Most of the react native projects out there …

How to Create a Navigator without Back Actions in React Native Read More »

How to Disable Scrolling on Flatlist in React Native

Last Updated on December 14, 2020. By default, the behavior of flatlist component of react native is to scroll. But, in some unusual situations, you may want to disable scrolling in react native flatlist. This blog post goes through how to disable scrolling in Flatlist. As you know, Flatlist inherits props of ScrollView component. Hence …

How to Disable Scrolling on Flatlist in React Native Read More »

Update your React Native Apps to be 64 Bit Compliant by August 1, 2019

If you have react native made Android apps published on Google Play Store then you might have received email from Google Play Store telling to make your app 64 bit compliant. The email you got from Google Play Store starts as given below: Hello Google Play Developer,By August 1, 2019, all apps that use native …

Update your React Native Apps to be 64 Bit Compliant by August 1, 2019 Read More »

Error: spawn vscode ENOENT React Native Issue Fix

I created a new react native (v60.0) project and tried running by using command react-native run-android but faced Error: spawn vscode ENOENT error in the terminal as shown in the screenshot given below. I was running commands through the terminal of my IDE Visual Studio Code. In order to solve this react native issue, I …

Error: spawn vscode ENOENT React Native Issue Fix Read More »