Estoy probando react-native por primera vez e hice una simple llamada de API a una API web principal de asp.net:

 import React, {Component} from 'react'; import axios from 'axios'; import {View, Text} from 'react-native'; import { FlatList } from 'react-native-gesture-handler'; class ApiCalls extends Component{ constructor(props){ super(props); this.state = { data: [ ] }; } async getData(){ const response = await fetch('http://localhost:33255/api/Cities'); const json = await response.json(); this.setState({data: json}) } catch(error){ console.log(error); } componentDidMount(){ this.getData(); } render(){ const {data} = this.state; console.log(data); return( <View> <FlatList data={data} keyExtractor={({ id }, index) => id} renderItem={({ item }) =>( <Text>{item.citiesId}, {item.cityName}, {item.zipCode}</Text> )} > </FlatList> </View> ) } } export default ApiCalls;

Así que puedo obtener los datos en el navegador web de la exposición:

Pero mi aplicación expo en mi teléfono no muestra los datos y recibo el siguiente mensaje de error: "Possible unhandled Promise Rejection (id 0):" "The operation couldn't be completed. Socket is not connected"

¿Alguna sugerencia sobre cómo puedo mostrar los datos en la aplicación de la exposición?