Archives

Errors and Fixes

• How to Fix React Native iOS Build Issues on M1 Mac
• ‘The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.40 and higher’ React Native Error Fix
• Android Emulator Showing Wrong Time Error Fix
• React Native iOS Build Failed on M1 Mac Issue Fix
• How to Fix Android Gradle plugin requires Java 11 to run React Native Error
• How to Fix ‘while resolving: undefined@undefined’ Error while Creating new React Native Project
• How to Fix ‘Expiring Daemon because JVM heap space is exhausted’ React Native Error
• How to Fix Unrecognized command “start” React Native Error
• How to Fix Failed child context type: Invalid child context Warning in React Native
• More than one file was found with OS independent path ‘lib/x86/libc++_shared.so’ React Native Error Fix
• React Native Android Apps must Target Android 10 (API Level 29)
• You uploaded an APK or Android App Bundle that was signed in debug mode React Native Play Store Issue Fix
• Timeout waiting to lock artifact cache. It is currently in use by another Gradle instance. React Native Android Gradle Error Fix
• ‘Emulator: ERROR: Running multiple emulators with the same AVD is an experimental feature’ Error Fix
• Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` React Native Error Fix
• Keystore file not found for signing config ‘debug’ React Native Error Fix
• GestureHandler already initialized for root view com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView React Navigation Issue Fix
• Requiring unknown Module “1171” React Native Error Fix
• A problem occurred evaluating project ‘:react-native-reanimated’. > Cannot get property ‘supportLibVersion’ on extra properties extension as it does not exist React Navigation Error Fix
• APK Upload Failed even after Updating Version Code Google Play Console Error Fix
• Package has been Ignored because it contains Invalid Configuration React Native Error Fix
• Execution failed for task ‘:app:validateSigningDebug’ React Native Error Fix
• Error: spawnSync ./gradlew EACCES React Native Error Fix
• Attempt to invoke virtual method ‘android.graphics.drawable.Drawable React Native Error Fix
• ‘ERROR: Running multiple emulators with the same AVD is an experimental feature’ Android Emulator Error Fix
• com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives React Native Error Fix
• Increased RAM Consumption causing PC Hang React Native 0.60.3 Issue
• ENOTEMPTY: directory not empty React Native Error Fix
• Update your React Native Apps to be 64 Bit Compliant by August 1, 2019
• Error: spawn vscode ENOENT React Native Issue Fix
• jre/bin/java Access Denied Android Studio Update Conflict Issue Fix in Ubuntu
• Android APK Build Failed Couldn’t follow Symbolic Link React Native Error Fix
• How to Migrate Android Support Packages into AndroidX in React Native 0.59
• HTTP Requests not Working in Android Pie React Native Issue Fix
• Android Emulator Stuck at Loading from 10.0.2.2:8081 React Native Issue Fix
• config.h file not found React Native Issue Fix
• OnPress Function Fires only after Tapping Twice when Keyboard Present React Native Issue Fix
• No Bundle URL Present React Native Error Fix
• Requiring unknown Module “571” React Native Error Fix
• React Native Error Fix: Error: Unable to resolve module `./index` from `\node_modules\react-native\scripts/.`
• How to Fix ‘no permissions (user in plugdev group; are your udev rules wrong?)’ Error in Ubuntu
• How to Fix ‘react.gradle does not exist’ Error in React Native
• React Native APK Build Failed Unable to Process Incoming Event ‘ProgressComplete’ Error Fix
• Always Creating Unsigned Release APK React Native Error Fix
• aapt: error: resource android:attr/colorerror not found. React Native Error Fix
• Could not find support-core-utils.jar (com.android.support:support-core-utils:27.1.1) Error Fix
• React Native Error ‘java.lang.String cannot be cast to com.facebook.react.uimanager.AccessibilityDelegateUtil$AccessibilityRole’ Fix
• Unable to Resolve Module ‘@bable/runtime/helpers/interopRequireDefault’ React Native Error Fix
• Native Module Rnfirebasemodule tried to Override Rnfirebasemodule Error Fix
• How to Upgrade NPM Version on Windows PC
• ADB Error Device Still Connecting Issue Fix
• Could not find com.android.support:appcompat-v7 React Native Error Fix
• Execution failed for task ‘:app:processDebugGoogleServices’ React Native Error Fix
• Could not resolve all dependencies for configuration ‘:app:_debugApk’ React Native Error Fix
• Execution failed for task ‘:app:processDebugGoogleServices’ React Native Error Fix

React Native Tutorials

• How to Add Underline to Text in React Native
• React Native Text Wrap: How to Manage Long Text
• How to Share Image in React Native
• How to Convert Image to Base64 in React Native
• How to Share Links in React Native
• How to Share PDF File in React Native
• How to Open PDF File in React Native with Default PDF Viewer
• How to Display PDF File from Project Assets in React Native
• How to Display PDF from Base64 in React Native
• How to Open SMS App in React Native
• How to Open App Settings in React Native
• How to Take and Save Photos in React Native
• How to Capture Photos using Camera in React Native
• How to Do Icon Animation in React Native
• How to Make Icons Pressable in React Native
• How to Add Shadows to Icon in React Native
• How to Create Icon Button with Text in React Native
• How to Use React Native Vector Icons
• How to Add Nested Navigator of Stack Navigator and Bottom Tab Navigator in React Native (TypeScript)
• How to Navigate from One Screen to Another in React Native (TypeScript)
• How to create Gradient Text in React Native
• How to Justify Text in React Native
• How to make Text Clickable in React Native
• How to add Multiline Support to TextInput in React Native
• How to Disable Pressable Component in React Native
• How to create a Button with Transparent Background in React Native
• How to show Loading Placeholder for Image in React Native
• How to add Color Filters to Image in React Native
• How to show SVG Image from URL in React Native
• How to add Shadows to Image in React Native
• How to Blur an Image in React Native
• How to add Image Picker in React Native Expo
• How to add Image with Rounded Corners in React Native
• How to Request Permissions for iOS in React Native
• How to Request Multiple Permissions for Android in React Native
• How to Create a Beautiful Custom Bottom Tab in React Native using React Navigation
• How to Check whether Dark Mode is enabled in React Native
• How to create Custom Dark Theme using Context API in React Native
• How to add FlashList in React Native
• How to Show Images According to a Preferred Aspect Ratio in React Native
• How to Show Dashed Border in React Native
• How to Drag and Reorder FlatList Items in React Native
• How to Add OTP Input in React Native
• How to Add a Country Code Picker with Phone Input in React Native
• How to Generate Random Colors in React Native
• How to Prevent taking Screenshots in React Native App (Android)
• How to create Radio Button in React Native
• How to Make Images Load Faster in React Native
• How to Place Text over Image in React Native
• How to Decrease Brightness of an Image in React Native
• How to Import Color Variables to a File in React Native
• How to Disable ESLint For a File in React Native
• How to Remove console.log from Production in React Native
• How to Integrate RazorPay Payment Gateway in React Native
• How to do Wireless Debugging in React Native with Android Devices
• How to Use Flipper with React Native Projects
• How to Create Thumbnails for PDF Files in React Native
• How to Handle Text API Response using Fetch in React Native
• How to Generate OTP in React Native
• How to Display PDF files in React Native
• How to Capture Digital Signature in React Native
• How to use .env File in React Native
• How to Generate Debug APK File in React Native
• How to Add Scroll to Bottom Functionality to FlatList in React Native
• How to Add Scroll to Top Functionality to FlatList in React Native
• How to show Images with Dynamic Height in React Native
• React Native API Call Example with Axios, Redux, and Hooks
• How to Capitalize TextInput Component in React Native
• How to Capitalize Text in React Native using Style
• How to use useRef Hook in React Native Functional Component
• Functional Components in React Native
• How to put One View over Another in React Native
• How to Create a Button with Ripple Effect in React Native
• How to use Pressable Component in React Native
• How to Integrate Mapbox in React Native
• How to Add a Slider Component in React Native
• How to Add a Switch Toggle Button in React Native
• How to Add Youtube Video in Your React Native App
• How to Design Beautiful Timeline in React Native
• How to Show Photos of your Device as a Gallery in React Native
• How to Create Vibrations in React Native
• How to Darken Background Image in React Native
• How to Add Skeleton Loading in React Native
• How to Add Accordion Component in React Native
• How to Show URL Previews in React Native
• How to Integrate Google Maps in your React Native App (Android)
• An Introduction to React Native Web
• How to Create Notification Badge in your React Native App
• How to Add Hyperlinks in React Native
• How to Create an App Introduction Slider in React Native
• How to Make Text Component Copyable in React Native
• How to Prompt to Compose Email with given Subject and Body in React Native
• How to Create a Swipeable Component in React Native
• How to Share Text Messages to Other Apps in React Native
• Cannot GET /debugger-ui/ React Native Error Fix
• How to use MomentJS library with React Native
• How to Disable Yellow Box Warnings in React Native
• 5 Console Tricks For Better Debugging in React Native
• How to create a Gradient Button in React Native
• Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function React Native Error Fix
• How to Create Gradient Background in React Native
• How to change the Cursor Color of TextInput Component in React Native
• How to Integrate ‘Sign in with Google’ in React Native (Android)
• Module AppRegistry is not a registered callable module (calling runApplication) React Native Error Fix
• How to create Strike Through Text Component in React Native
• How to Add Beautiful Animations in your App using React Native Lottie
• How to get SHA1 Fingerprint of React Native App using Android Studio
• How to Detect React Native App is in Background
• How to use BackHandler with React Navigation in React Native
• How to do API calls in React Native with Axios and Redux
• How to set Image as Background for a Screen in React Native
• How to Convert View into Custom Shapes like Square, Rectangle, Circle and Triangle
• How to Add or Remove TextInput Dynamically and get Values in React Native
• How to Add Footer to FlatList in React Native
• How to Make Header of FlatList Sticky in React Native
• How to Add a Material Design Dropdown in React Native Compatible for both iOS and Android
• How to Create a Drawer Navigator with Custom Component in React Native using React Navigation
• How to Increase Start up Speed of React Native Android App using Hermes
• How to Create a React Native Project with Specific React Native Version
• How to Create a Navigator without Back Actions in React Native
• How to Disable Scrolling on Flatlist in React Native
• How to Make your React Native App Restricted to Portrait Orientation
• How to Check a Device is Tablet or not in React Native
• How to Pass Data from One Screen to Another while Navigating in React Native
• How to Check a Number is NaN or not in React Native
• How to Hide Keyboard Programmatically in React Native
• How to Add Snackbar Messages in React Native
• How to change Transparency of Image in React Native
• How to Display Gif Images in React Native Android App
• How to Open Dialer Screen Directly from React Native App
• How to Screen Record and Take Screenshots from Android Emulator without using Android Studio
• How to show SuperScript and SubScript in React Native Text
• How to Show a Message When Flatlist is Empty
• How to Make the TextInput on Focus in React Native
• How to Set OnPress Function to View in React Native
• How to Check a Variable is Undefined in React Native
• How to Rotate an Image in React Native
• How to Make React Native Modal Close Automatically
• How to Convert Text to Upper Case or Lower Case in React Native
• How to Make the Screen Refresh when Navigating Back in React Native (TypeScript)
• How to Migrate Android Support Packages into AndroidX in React Native 0.59
• How to Use Set Timeout in React Native
• How to use Async and Await with Axios and React Native
• How to Save and Retrieve JavaScript Objects through AsyncStorage in React Native
• How to reset AsyncStorage in React Native
• How to Remove logs of Redux Logger in Production
• How to Uninstall NPM modules in React Native
• How to Open external URL in Web Browser in React Native
• How to Limit Maximum Number of Characters in React Native TextInput
• How to do API calls in React Native with Axios
• How to Reload Android Emulator for React Native Development
• How to Take Screenshot from Android Emulator without Opening Android Studio
• How to Launch Android Emulator from Command Line
• How to add Line Break in React Native Text Component
• How to Check undefined Property in React Native
• How to Solve Name Conflict While Importing Two Modules with Same Name in React Native
• How to Make White StatusBar with Content Shown in React Native
• How to add a Round Image in React Native [iOS and Android]
• How to make iOS Simulator Keyboard shown when Running Apps
• How to Run your React Native App on Specific iOS Simulator
• How To Take Screenshots in iPhone Simulator
• How to Add Activity Indicator in React Native WebView to Show Progress
• How to Make an Image Rotate with Animation in React Native
• How to Add an Icon inside TextInput in React Native
• How to Use Filter Method in React Native
• How to Align Button to Bottom of the Screen in React Native
• How to use Map Function in React Native
• How to Change App icons and Notification Icons in React Native (Android)
• How to Add Currency Symbols in React Native
• How to add Pull Down to Refresh Feature in React Native
• How to Add Bottom Tab Navigator in React Native (TypeScript)
• How to Embed Youtube Video in React Native Webview
• How to Add Shadows for Text Component in React Native
• How to Change the Placeholder Text Color of TextInput Component in React Native
• How to Disable TouchableOpacity Component in React Native
• How to Generate QR Code in React Native
• How to Change Color of an Image in React Native
• How to Check Android API Version in React Native
• How to Download an Image from url in React Native (Android)
• How to Check Internet Connectivity in React Native (Android and iOS)
• How to Make the App Quit When Hardware Back Button is pressed in React Native (Android)
• How to Conditionally Hide and Show a Component in React Native
• How to Make a Component Center Horizontal and Center Vertical in React Native
• How to Change Background Color of Button Component in React Native
• How to Set onPress Function to an Image in React Native
• How to Create Toast in React Native (Android)
• How to Show Static HTML in React Native Webview
• How to Create Horizontal Progress Bar in React Native (Android Only)
• How to Open Google Play Store from your React Native App
• How to Create a Picker Component with Prompt Message in React Native
• How to Disable Picker Component in React Native
• How to Add a Simple Toggle Function in React Native
• How to Change Default Letter Spacing of Text Component in React Native
• How to Disable Button Component in React Native
• How to show Base64 Data as Image in React Native
• How to ask Permissions for Android in React Native
• How to Make TextInput not Editable in React Native
• How to Set up Mapbox Maps with React Native

Stories

• React Native API Call Example with Axios, Redux, and Hooks
• What’s New in React Native 0.63 version
• React Native Version 0.62 is Out!
• How to Integrate Google Maps in your React Native App (Android)
• An Introduction to React Native Web
• 5 Console Tricks For Better Debugging in React Native
• Good Bye Hot Reloading! Welcome Fast Refresh!
• How to Integrate ‘Sign in with Google’ in React Native (Android)
• How to do API calls in React Native with Axios and Redux
• How to Create a Drawer Navigator with Custom Component in React Native using React Navigation
• React Native 0.60 is released! My First Impressions
• How to Embed Youtube Video in React Native Webview
• 10 React Native Libraries you can use in your Next Project

Tutorial Series

• React Navigation: How to Hide Header in React Native
• How to Create Click and Drag Animation in React Native
• How to Create Delays in between Animations in React Native
• How to Manage Multiple Animations in React Native
• React Native Interpolation Example
• How to Start and Stop Animations in React Native
• How to Create Looping Animations in React Native
• How to Create Spring Animation in React Native
• How to Create Moving Animations in React Native
• How to Create Scaling Animations in React Native
• How to Create Fade Animations in React Native

Expo Tutorials

• How to Add Icons in React Native Expo
• How to create Gradient Text in React Native
• How to show SVG Image from URL in React Native
• How to add Image Picker in React Native Expo
• How to create a Gradient Button in React Native
• How to Create Gradient Background in React Native
• How to Check Internet Connectivity in React Native (Android and iOS)