1

I'm trying to build a release version of my app on android.

Followed the necessary steps from creating a signed apk through react native docs. Once I install the apk on my device, the initial page loads but I get no response when I try to do an action calling the api.

I've ran my local server and have connected my app to the same IP with the server I'm running on.

The debug version of my app is doing well and I'm confused as to why this is happening. I'm using axios for the calls and have set my url to something like this: http://192.168.12.24:8000/api/.

Do you have ideas on what could have gone wrong? Does react native not allow using local server in a release app?

bilbobaggins
  • 41
  • 3
  • I was facing similar issue . this solution worked out for me.
    https://stackoverflow.com/questions/42189301/axios-in-react-native-not-calling-server-in-localhost     – Shivam Kumar Jan 29 '20 at 14:19

2 Answers2

4

Adding android:usesCleartextTraffic="true" in <application> tag in android\app\src\main\AndroidManifest.xml worked for me.

The reason is by default release build expects https url connections and it is possible that your server is having http based API like http://192.168.12.24:8000/api/, so to avoid this filter, usesCleartextTraffic="true" makes http based api to be accessible from release build.

you can read more about here. https://github.com/facebook/react-native/issues/24361

enter image description here

Shyam Pratap Singh
  • 131
  • 5
2

I managed to fix the problem. It turns out I should run the bundle every time I generate a new apk.

This is what I did:

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest andro id/app/src/main/res

cd android

./gradlew assembleRelease

Referenced from this answer.

bilbobaggins
  • 41
  • 3