‘The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.40 and higher’ React Native Error Fix

I was working on a react native project where I installed watermelonDB for storage purposes. After the installation, I could not run the project on Android emulator because of the following error. The error was related to Kotlin Gradle Plugin. The same issue was raised by someone else on Github and there I found the …

‘The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.40 and higher’ React Native Error Fix Read More »

How to Show Images According to a Preferred Aspect Ratio in React Native

Sometimes you may want to show images according to a given aspect ratio instead of a fixed height. Let’s check how to show images with a predefined aspect ratio in react native. In this react native example, I will show you images in a 2/3 aspect ratio. The 2/3 aspect ratio is generally used to …

How to Show Images According to a Preferred Aspect Ratio in React Native Read More »

How to Fix Android Gradle plugin requires Java 11 to run React Native Error

I was trying to run a new react native project using my Android emulator and I faced an unexpected react native issue that says the Android Gradle plugin requires Java 11 to run. Following is the complete error. The issue is with the JDK. As you can see, the error message is advocating us to …

How to Fix Android Gradle plugin requires Java 11 to run React Native Error Read More »

How to Fix ‘while resolving: undefined@undefined’ Error while Creating new React Native Project

Recently, I faced an unexpected react native error. I was creating a new React Native project with the command npx react-native init and I was shown an undefined@undefined error in the terminal. Following is the complete error. Following is the solution for this react native error. Go to users/YourName/ folder. Unhide the hidden folders. If …

How to Fix ‘while resolving: undefined@undefined’ Error while Creating new React Native Project Read More »

How to Add a Country Code Picker with Phone Input in React Native

Phone number authentication is widely used in mobile apps. Country code picker and OTP are important components of Phone number authentication. In this blog post, let’s see how to create a country code picker with phone number input easily in react native. The easiest way to create a country code picker is to use any …

How to Add a Country Code Picker with Phone Input in React Native Read More »

How to Generate Random Colors in React Native

Sometimes, you may want to generate random colors in your react native project. This short tutorial helps you to generate random colors and set them as background colors in react native. You can generate a random color using the following function in JavaScript. In the following react native example, there’s a FlatList with items that …

How to Generate Random Colors in React Native Read More »

How to Prevent taking Screenshots in React Native App (Android)

Mobile users can take screenshots in any app easily. In some scenarios, you may want to prevent users from taking screenshots inside your app. In this tutorial, let’s check how to prevent screenshots in react native app. Please note that this tutorial works only for Android apps created using react native. Go to YourProject/android/app/src/main/java/com/yourproject/MainActivity and …

How to Prevent taking Screenshots in React Native App (Android) Read More »