Mohammed Rashid, Author at Coding with Rashid

Package has been Ignored because it contains Invalid Configuration React Native Error Fix

ByMohammed Rashid September 18, 2019

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…

React Native Tutorials

How to create Strike Through Text Component in React Native

ByMohammed Rashid September 6, 2019

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 Tutorials

How to Add Beautiful Animations in your App using React Native Lottie

ByMohammed Rashid September 4, 2019

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…

React Native Tutorials

How to get SHA1 Fingerprint of React Native App using Android Studio

ByMohammed Rashid September 3, 2019

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…

React Native Tutorials

How to get SHA1 Fingerprint of React Native App using Android Studio

ByMohammed Rashid September 3, 2019

Errors and Fixes

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

ByMohammed Rashid September 1, 2019

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…

Errors and Fixes

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

ByMohammed Rashid September 1, 2019

Errors and Fixes

Error: spawnSync ./gradlew EACCES React Native Error Fix

ByMohammed Rashid August 30, 2019

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…

Errors and Fixes

Error: spawnSync ./gradlew EACCES React Native Error Fix

ByMohammed Rashid August 30, 2019

Flutter Tutorials

How to specify Height and Width in Percent with respect to the screen in Flutter

ByMohammed Rashid August 29, 2019

Mobile phone devices are of various sizes and resolutions. Developing a mobile app that looks similar to all these phones is not easy. In such cases, mentioning height and width in percent with respect to the screen can help you. In Flutter, you can’t really specify some percent of width or height directly. You can…

React Native Tutorials

How to Detect React Native App is in Background

ByMohammed Rashid August 29, 2019

Sometimes, you may want to know whether your react native app is running background or running foreground to execute your tasks. You can use the AppState API from react native for this purpose. If the AppState.currentState is active then it means your app is running in the foreground whereas if the AppState.currentState is background then…

Flutter Issues

Stuck at Installing build\app\outputs\apk\app.apk… Flutter Issue Fix

ByMohammed Rashid August 26, 2019

Sometimes, when you run your Flutter project you may come across this particular Flutter issue- you get stuck at Launching lib/main.dart on XT1635 02 in debug mode… Built build/app/outputs/apk/debug/app-debug.apk… You may even wait for many minutes and your app wouldn’t start on your Android device. So, how to fix this Flutter issue? All you need…