How to Make Button Component Disabled in React Native

There are times you might need to disable button component to avoid any further actions on button press. You can easily disable button in react native with disabled property. All you need is to set disabled prop of button true, just as given below: <Button disabled title=”Disabled Button” color=”#841584″ accessibilityLabel=”Learn more about this disabled button” …

How to Make Button Component Disabled in React Native Read More »

React Native Error ‘java.lang.String cannot be cast to com.facebook.react.uimanager.AccessibilityDelegateUtil$AccessibilityRole’ Fix

If you are using the latest version of React Native then chances are high that you come across ‘java.lang.String cannot be cast to…’ error. The issue is caused by a bug in the latest react native version 0.57. The react native error is caused by Button component and its title prop. As of now the …

React Native Error ‘java.lang.String cannot be cast to com.facebook.react.uimanager.AccessibilityDelegateUtil$AccessibilityRole’ Fix Read More »

How to Show Base64 Data as Image in React Native

Showing Base64 encoded data as image is very easy in React Native. It is pretty similar to what you would do with the basic HTML. All you need is to pass the Base64 data to the source prop of the image component. const encodedBase64 = ‘R0lGODlhAQABAIAAAAAA…7’; <Image source={{uri: `data:image/gif;base64,${encodedBase64}`}} />  

How to Ask Running Permissions for Android in React Native

Post Android Lollipop OS, you need to ask for running permissions to access camera, location, external memory etc. This React Native tutorial will help you how to ask running permissions in React Native. Here, you should use PermissionsAndroid API from React Native. There are two types of permissions- normal and dangerous. Normal permissions are granted …

How to Ask Running Permissions for Android in React Native Read More »

Unable to Resolve Module ‘@bable/runtime/helpers/interopRequireDefault’ React Native Error Fix

React Native is like that. You suddenly come across unknown type of errors all the time. This might be related with react native version update or not. So here is the fix for react native error: bundling failed: Error: Unable to resolve module ‘@babel/runtime/helpers/interopRequireDefault’ What you all need is to open command prompt / terminal …

Unable to Resolve Module ‘@bable/runtime/helpers/interopRequireDefault’ React Native Error Fix Read More »

Native Module Rnfirebasemodule tried to Override Rnfirebasemodule Error Fix

First of all, this react native error can be caused by not only with RNFirebase library but also with other native libraries. This react native module override issue can be solved as given below. Navigate to android/app/src/main/java/com/yourproject/MainApplication.java and check if you have used RNFirebasePackage() twice inside it. Maintain only one RNFirebasePackage() inside MainApplication.java file to …

Native Module Rnfirebasemodule tried to Override Rnfirebasemodule Error Fix Read More »

Could not find com.android.support:appcompat-v7 React Native Error Fix

As you know, this Could not find com.android.support:appcompat-v7 error is very common when you are building Android apps with React Native. This error is caused when appcompat library is not downloaded when building the app. This React Native error can be fixed easily with a line of code. All you have to do is navigate to ProjectName/android/build.gradle and …

Could not find com.android.support:appcompat-v7 React Native Error Fix Read More »

How to Make TextInput not Editable in React Native

Sometimes, you might need TextInput which can’t be edited by the user. In that case, TextInput should be made not editable with editable prop. Let’s check how to make TextInput noneditable in react native. Go through the code below where I made TextInput not editable. Class based component Function based component As you noticed, here …

How to Make TextInput not Editable in React Native Read More »

Execution failed for task ‘:app:processDebugGoogleServices’ React Native Error Fix

When you’re developing an Android app with React Native it is pretty common to get stuck with the error given below: * What went wrong: Execution failed for task ‘:app:processDebugGoogleServices’. > Failed to create folder: F:\YourProject\android\app \build\generated\res\google-services\debug This error is very common while building apps with React Native and all you need here are to …

Execution failed for task ‘:app:processDebugGoogleServices’ React Native Error Fix Read More »

Could not resolve all dependencies for configuration ‘:app:_debugApk’ React Native Error Fix

Sometimes you may come across the following error, usually when you build an Android application using React Native. A problem occurred configuring project ‘:app‘. > Could not resolve all dependencies for configuration ‘:app:_debugApk’. > Configuration with name ‘default’ not found. This error occurs when some configurations in your gradle files are not matching. Hence, there are …

Could not resolve all dependencies for configuration ‘:app:_debugApk’ React Native Error Fix Read More »

Execution failed for task ‘:app:processDebugGoogleServices’ React Native Error Fix

If you are trying to develop Android app using React Native then chances are high that you come across Execution failed for task ‘:app:processDebugGoogleServices’ error. You may wonder what went wrong with your project. No worries, we have a solution for this react native issue. The error usually occurs when you make any native changes to …

Execution failed for task ‘:app:processDebugGoogleServices’ React Native Error Fix Read More »