Error : How to sync gradle in React Native (android)?
You should try running ./gradlew clean before building.
Solution :
change directory to /{your project}/android then run below commands
./gradlew clean
./gradlew build
Note :- you will get error : ./gradlew: No such file or directory if you are trying gradlew commands outside android folder.
———–
gradlew.bat installDebug –stacktrace
gradlew.bat installDebug –warning-mode all
gradlew.bat installDebug –scan
What react-native :app:installDebug FAILED ? – GeeksForgeeks
#
First go in your android folder and than run command ./gradlew installDebug –stacktrace it will debug the gradle installation and shows if there any error.
cd android.
./gradlew installDebug –stacktrace.
#
Error : How to sync gradle in React Native (android)?
You should try running ./gradlew clean before building.
Solution :
change directory to /{your project}/android then run below commands
./gradlew clean
./gradlew build
Note :- you will get error : ./gradlew: No such file or directory if you are trying gradlew commands outside android folder.
——
To get the stack trace in React Native, you can run the app with the –stacktrace option. This will print the stack trace to the console, which can be helpful for debugging purposes.
To run the app with the –stacktrace option, open a terminal window and navigate to the root directory of your React Native project. Then, run the following command:
react-native run-android –stacktrace
Learn more
This will build and run the app on your Android device, and it will also print the stack trace to the console.
If you are using a different platform, such as iOS, you can use the following command to run the app with the –stacktrace option:
react-native run-ios –stacktrace
Learn more
This will build and run the app on your iOS device, and it will also print the stack trace to the console.
The stack trace can be helpful for debugging purposes, as it can show you where the error occurred in your code. This can help you to identify the problem and fix it.
——
Error : How to enable stacktrace react-native run-android command?
Solution : @EricHua23’s answer is basically correct, except that instead of running ./gradlew assembleDebug –stacktrace, you should run ./gradlew.bat installDebug –stacktrace, as this is the command that’s actually run by react-native run-android. (and some of the errors you’d want to get the stack-trace for only occur in the installing/late-build portion, rather than the assembly portion)
Also, make sure you run it in the android folder. (so run cd android in the console before running the gradlew command)
—-
to link libraray : npm link react-native-android-location-enabler
Found interface
com.google.android.gms.location.settingsclient,but class was expected
could not invoke RNAndroidLocationEnabler.promptForENableLocationIfNeeded
@react-native-community/geolocation :
https://github.com/michalchudziak/react-native-geolocation
react-native-android-location-enabler
https://github.com/Richou/react-native-android-location-enabler
React Native error ‘Unable to resolve module `react-native` ‘
Please remove all react-native specific folders from “%appdata%\Temp” and then try below commands:
cd android
gradlew clean
cd.. and remove the node_modules folder
npm cache clean –force
npm install
npm start — –reset-cache
react-native run-android
—-
Make sure that you have the latest version of React Native installed. You can check this by running the following command in your terminal:
npm list react-native
If you’re not using the latest version, you can update it by running the following command:
npm update react-native
Make sure that you have the react-native-android-location-enabler package installed. You can check this by running the following command in your terminal:
npm list react-native-android-location-enabler
If you’re not using the latest version, you can update it by running the following command:
npm update react-native-android-location-enabler
Make sure that you have the Android SDK installed. You can check this by running the following command in your terminal:
android list sdk
—–
React Native Android Fetch failing on connection to local API
https://stackoverflow.com/questions/33704130/react-native-android-fetch-failing-on-connection-to-local-api
Solution :
Better option is to map your computer’s local server port to same port in device
1. See list of devices connected. It can be emulator or real device
$ adb devices
List of devices attached
emulator-5554 device <--- emulator
2681523e device <-- real device
2. map the ports
$ adb -s emulator-5554 reverse tcp:3000 tcp:3000
adb -s emulator-5554 reverse tcp:8000 tcp:8000
$ adb -s 2681572e reverse tcp:3000 tcp:3000
You are done.
---
Run the below command to access localhost or 127.0.0.1 or your computer's ip
adb -s
Example:
adb -s emulator-5554 reverse tcp:3000 tcp:3000
fetch(‘http://localhost:3000/users’,{
method:’POST’,
headers:{
‘Accept’:’application/json’,
‘Content-Type’:’application/json’
},
body:JSON.stringify({
username:this.state.username,
password:this.state.password
})
})
.then((response)=>response.json())
.then((res)=>{}
—
If your API is running on http://localhost:8000, and you want your React Native app to communicate with this API, you need to make sure the React Native development server is aware of this.
You can run the React Native development server with the following command:
npx react-native start –port=8000
This command starts the React Native development server on port 8000. This port should match the port on which your API is running.
Additionally, if you are using Android and need to forward the API requests from the emulator to your computer, you can use the adb command with the reverse option. Assuming your emulator has the serial number emulator-5554, you can use the following command:
adb -s emulator-5554 reverse tcp:8000 tcp:8000
Replace emulator-5554 with the actual serial number of your running emulator.
After running these commands, your React Native app should be able to communicate with the API running on http://localhost:8000. Keep in mind that these steps assume your emulator and development server are on the same machine. If your setup is different, you might need to adjust the configurations accordingly.
—–
Error :
ViewPropTypes will be removed from React Native, along with all other PropTypes. We recommend that you migrate away from PropTypes and switch to a type system like TypeScript. If you need to continue using ViewPropTypes, migrate to the ‘deprecated-react-native-prop-types’ package.
Solution :
Install patch-package, this will later be used to make the changes more persistent.
Install deprecated-react-native-prop-types by running npm install deprecated-react-native-prop-types or yarn add deprecated-react-native-prop-types
Now you have to hack the node_modules. Go to node_modules/react-native/index.js starting around line 436 and change this:
https://stackoverflow.com/questions/72755476/invariant-violation-viewproptypes-has-been-removed-from-react-native-migrate-t
—
How to Generate build APK for android in React Native 0.71.2
npx react-native bundle –platform android –dev false –entry-file index.js –bundle-output android/app/src/main/assets/index.android.bundle –assets-dest android/app/src/main/res/
cd android
gradlew assembleDebug
—> build a release version which is much easier using this command
cd android
./gradlew assembleRelease