A react native project without using the TextInput component can be a strange thing. In this blog post, I will show you how to change the color of the TextInput cursor. Yes, it’s a simple thing but it can have significance when you are designing your react native app. Text input has many props which…
Finally, react native stable version 0.61 is out with more features and improvements. In this latest react native version, the following features are added. Introduction of Fast Refresh React version upgraded to 16.9 Fixed use_frameworks! CocoaPods support Add useWindowDimensions Hook As you see, Fast Refresh is the main highlight of react native 0.61 version. On…
Most of the mobile users in this world have atleast one google account. Hence, using Google account to authenticate user is always used in many mobile apps. In this blog post, let’s see how to setup ‘sign in with google’ in react native. First of all, go to Firebase console and add a new project….
While developing with react native, you may come across unexpected react native errors. One react native error I recently faced is as following:Module AppRegistry is not a registered callable module (calling runApplication) React Native Error Fix Fixing this react native issue is pretty simple. All, you need to do is to terminate nodeJS process with…
As a react native developer we face many kind of react native errors while developing apps. Sometimes you may come up with a warning in the terminal as given below:warn Package @react-native-community/async-storage has been ignored because it contains invalid configuration. Reason: Cannot find module ‘@react-native-community/async-storage/package.json’ The package name may vary with the third party libraries…
Text is one of the most important components in react native. In this blog post, let’s see how to add strikethrough text in react native. To create a strikethrough text you have to style the text with the props textDecorationLine and textDecorationStyle. Following is the example react native code snippet. Following is the complete react…
React Native Lottie is a library that parses Adobe After Effects animations exported as JSON and renders natively in your react native app. This library reduces a lot of development time when you are adding animations in your app. In this blog post let’s see how to add animations in your app using react native…
SHA1 fingerprint, the secure hash algorithm, is basically a signature of a sequence of bytes. Sometimes, you need to get SHA1 fingerprint from your react native app. Google services like Firebase always require SHA1 fingerprint of your app. So, Follow the steps given below to get SHA1 fingerprint from your react native app using Android…
SHA1 fingerprint, the secure hash algorithm, is basically a signature of a sequence of bytes. Sometimes, you need to get SHA1 fingerprint from your react native app. Google services like Firebase always require SHA1 fingerprint of your app. So, Follow the steps given below to get SHA1 fingerprint from your react native app using Android…
I created a new react native project with react native version 0.60.5 and faced a new react native issue when I tried to run the project on my Android emulator. The react native error I faced was Execution failed for task ‘:app:validateSigningDebug’ as given in the screenshot below. As written in the error, I was…
I created a new react native project with react native version 0.60.5 and faced a new react native issue when I tried to run the project on my Android emulator. The react native error I faced was Execution failed for task ‘:app:validateSigningDebug’ as given in the screenshot below. As written in the error, I was…
I was trying to run one of my react native projects on the Android emulator and faced the following error. Error: spawnSync ./gradlew EACCES at Object.spawnSync (internal/child_process.js:1041:20) at spawnSync (child_process.js:607:24) at execFileSync (child_process.js:634:15) at runOnAllDevices (/home/rashid/Desktop/React Native/Tomorrow/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/runOnAllDevices.js:74:39) at buildAndRun (/home/rashid/Desktop/React Native/Tomorrow/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/index.js:158:41) at /home/rashid/Desktop/React Native/Tomorrow/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/index.js:125:12 at processTicksAndRejections (internal/process/task_queues.js:85:5) at async Command.handleAction (/home/rashid/Desktop/React Native/Tomorrow/node_modules/react-native/node_modules/@react-native-community/cli/build/cliEntry.js:160:7) My PC runs…