Falló la Solicitud de Red fetch() de React Native

No se recomienda permitir todos los dominios para http. Haga una excepción solo para los dominios necesarios.

Fuente: Configuración de Excepciones de Seguridad de Transporte de Aplicaciones en iOS 9 y OSX 10.11

Agregue lo siguiente a la información.archivo plist de su aplicación:

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSExceptionDomains</key>
  <dict>
    <key>yourserver.com</key>
    <dict>
      <!--Include to allow subdomains-->
      <key>NSIncludesSubdomains</key>
      <true/>
      <!--Include to allow HTTP requests-->
      <key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
      <true/>
      <!--Include to specify minimum TLS version-->
      <key>NSTemporaryExceptionMinimumTLSVersion</key>
      <string>TLSv1.1</string>
    </dict>
  </dict>
</dict>

React Native Docs da la respuesta a esto.

Apple ha bloqueado la carga implícita de recursos HTTP cleartext. Así que tenemos que añadir la siguiente información de nuestro proyecto.archivo plist (o equivalente).

<key>NSExceptionDomains</key>
<dict>
    <key>localhost</key>
    <dict>
        <key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
        <true/>
    </dict>
</dict>

React Native Docs - > Integración Con Aplicaciones Existentes - > App Transport Security

El problema puede estar en la configuración del servidor.

Android 7.0 tiene un error descrito aquí. Solución propuesta por Vicky Chijwani:

Configure su servidor para usar la curva elíptica prime256v1. Para ejemplo, en Nginx 1.10 puedes hacer esto configurando ssl_ecdh_curve prime256v1;

Estaba usando localhost para la dirección, lo cual obviamente estaba mal. Después de reemplazarlo con la dirección IP del servidor (en la red que es el emulador), funcionó perfectamente.

Editar

En Android Emulator, la dirección de la máquina de desarrollo es 10.0.2.2. Más explicación aquí

Para Android, es posible que haya perdido el permiso para agregar en AndroidManifest.XML Necesita agregar el siguiente permiso.

<uses-permission android:name="android.permission.INTERNET" /> 

Tengo un problema similar. En mi caso las solicitudes a localhost estaba funcionando y de repente se detuvo. Resultó que el problema era que estaba apagando mi wifi en mi teléfono Android.

Solo tienes Cambios en Fetch....

fetch('http://facebook.github.io/react-native/movies.json')
    .then((response) => response.json())
    .then((responseJson) => {
        /*return responseJson.movies; */
        alert("result:"+JSON.stringify(responseJson))
        this.setState({
            dataSource:this.state.dataSource.cloneWithRows(responseJson)
        })
     }).catch((error) => {
         console.error(error);
     });

Estaba teniendo este problema para Android -

URL - localhost/authToken.json-no funcionó : (

URL-10.106.105.103 / authToken.json-no funcionó : (

URL - http://10.106.105.103/authToken.json - trabajado :): D

Nota: Use ifconfig en Linux o ipconfig en Windows para encontrar la dirección IP de la máquina

Ejemplo:

return fetch('http://<your ip>')
  .then((response) => response.json())
  .then((responseJson) => {
    console.log(responseJson)
  })
  .catch((error) => {
    console.error(error);
  });