"NETWORK ERROR" when making API call in react-native Android, while works in iOS

[prayaslashkari]

Please provide all the information requested. Issues that do not follow this format are likely to stall.

Description

API calls not working in Android devices, while its working in iOS simulator and device

My BaseUrl -> 'http://167.XXX.XX.89'

My network_security_config.xml

I've included this file (network_security_config.xml) in AndroidManifest.xml (android/app/src/main) too.

My FLIPPER_VERSION

Also I've commented out

API calls are successfully working in iOS devices but not working in android.

ERROR

React Native version:

System:
OS: macOS 11.2.1
CPU: (8) x64 Apple M1
Memory: 33.83 MB / 8.00 GB
Shell: 5.8 - /bin/zsh
Binaries:
Node: 14.15.3 - /usr/local/bin/node
Yarn: Not Found
npm: 6.14.9 - /usr/local/bin/npm
Watchman: Not Found
Managers:
CocoaPods: 1.10.1 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 14.4, DriverKit 20.2, macOS 11.1, tvOS 14.3, watchOS 7.2
Android SDK:
API Levels: 29
Build Tools: 28.0.3, 29.0.2
System Images: android-29 | Intel x86 Atom_64
Android NDK: Not Found
IDEs:
Android Studio: 4.1 AI-201.8743.12.41.7042882
Xcode: 12.4/12D4e - /usr/bin/xcodebuild
Languages:
Java: 1.8.0_282 - /usr/bin/javac
Python: 2.7.16 - /usr/bin/python
npmPackages:
@react-native-community/cli: Not Found
react: ^16.13.1 => 16.14.0
react-native: ^0.63.2 => 0.63.4
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

1. Tried making API calls in Android.
2. Its not working, its working in iOS devices.

Expected Results

Successful API Calls.

Snack, code example, screenshot, or link to a repository:

Please provide a Snack (https://snack.expo.io/), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.
You may provide a screenshot of the application if you think it is relevant to your bug report.
Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve

[roycechua]

Did you try adding android:usesCleartextTraffic="true" to your AndroidManifest.xml yet?

By default Android does not permit HTTP request on its latest OS versions. I think network security config is different from actually setting it in the application manifest. I ran into this problem a couple of months ago and this is what worked for me.

You can refer here for more details:

• Axios doesn't work with Android (emulator) raising a Network Error axios/axios#973 (comment)
• Axios doesn't work with Android (emulator) raising a Network Error axios/axios#973 (comment)
• https://developer.android.com/guide/topics/manifest/application-element#usesCleartextTraffic

[yusufinthehouse]

• Axios doesn't work with Android (emulator) raising a Network Error Axios doesn't work with Android (emulator) raising a Network Error axios/axios#973 (comment)

It doesn't work with 0.64.2.
I always got Network Error response for each call.

[Lloyd1229]

Did you solve it? How to do it

• Axios doesn't work with Android (emulator) raising a Network Error Axios doesn't work with Android (emulator) raising a Network Error axios/axios#973 (comment)

It doesn't work with 0.64.2.
I always got Network Error response for each call.

[anastely]

Did you solve it?
@Lloyd1229 @yusufinthehouse

[yusufinthehouse]

Did you solve it?

@Lloyd1229 @yusufinthehouse

I reverted my code using 0.61.1 last time and it can work properly again.

I haven't upgraded the code again after that time.

But if I worked with fresh RN project. I cannot find this issue anymore.

[mlk9]

I tried without SSL (http) worked. so I think android doesn't support this.

• AndroidManifest.xml :
  android:usesCleartextTraffic="true"
android:networkSecurityConfig="@xml/network_security_config"
  and in network_security_config.xml :

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">your-site.com</domain>
    </domain-config>
</network-security-config>

[eemkays]

We are facing same issue with Android and AVD Emulator. All API calls are giving Network Error. We are using our Dev Server for connectivity for APIs. The Dev Server URL looks like: https://dev.domain.com
React: 0.64.0
React Native: 17.0.1
NPM/NPX: 6.14.15
Node: 12.22.7
Android 11 (SDK 30)
Device: Pixel 5

For iOS all API calls are working fine.

[RupamShaw]

resolved it by app/build.gradle

    implementation 'com.squareup.okhttp3:okhttp:4.9.1'
    implementation("com.squareup.okhttp3:okhttp-urlconnection:4.9.1")
    implementation 'com.squareup.okhttp3:logging-interceptor:4.9.1'

have build.gradle

    buildToolsVersion = "29.0.3"
        minSdkVersion = 21
        compileSdkVersion = 30
        targetSdkVersion = 30

having in package.json

 "axios": "^0.21.1",
 "expo": "^43.0.0",
 "react": "17.0.1",
    "react-dom": "17.0.1",
    "react-native": "0.64.3",

[tonku321]

upgrade from "react-native": "0.66.4" to "react-native": "0.67.2" solved it for me. Used "npx react-native upgrade".

[BenjaminGolba]

Have you guys tried using Flipper and the devices logs (Sidebar Device > Log). You should be getting the native log entry for that request which has a lot more information than just "Network Error".

[emuter]

i figured still some people are struggling with this issue. here's what you could do in windows environment.

1. create a local domain.
2. put the created domain name in etc host file.
3. point the created domain to your pc in your network router ( better with internet connection )
4. point the domain in your local dev server vhost file.

and... voila you got it running even without ssl

[Ichigo1033]

yo cuento con el mismo error cuando intento consumir la api con axios y fetch el problema va de que intento subir una imagen a uns servidor, en el servidor ya voy consumiendo distintas API y funciona todo normal el problema que va es al subir la imagen al servidor con form data, intente varias soluciones en cuanto al codigo y nada el problema solo me da en android en la app de expo goo y tambien en el build de android si ejecuto npx expo start --web y subo la imagen al servidor funciona pero en la app de expo go en android. nota utilizo expo 47 alguna solucion este es mi formato de form data :
const formData = new FormData()

formData.append('files', sendFile)
formData.append('FileName', nameImage)
formData.append('FolderName', 'Comprobantes')

await postUploadImage(formData);
espero que peudan ayudarme 

[vikassinghss]

how to fix in ios

[github-actions]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.