我目前正在尝试在我的react-native应用程序之一中实现Web服务调用,并使用react-native-web-service-handler调用GetPost Web API。

请在下面查看我的功能。

getRandomUserList() {
  WebServiceHandler.get(APIConstants.baseURL, null, null)
      .then((val)=>{
          console.log('callapi: ' + JSON.stringify(val))
          this.setState({data:val})
      })
      .catch((error) => console.log('callapi:'+ JSON.stringify(error)));
}
APIConstants如下所示,
const APIConstants = {
    baseURL:"https://randomuser.me/api/?results=50"
}

我这样称呼这个功能,
componentDidMount() {
  this.getRandomUserList();
}

请按以下方式找到WebServiceHandler.get函数,
static get(url: String, headerParam: Object, parameter: Object){
  console.log('WebServiceHandler:Initiating GET request');

  return new Promise(function(success, failed){
    NetInfo.isConnected.fetch().done((isConnected) => {
          console.log('WebServiceHandler: Network Connectivity status: ' + isConnected);
          if (!isConnected) {
            failed({name:'503',message:"No Internet connection"});
          }else {
            let URL = url + WebServiceHandler.parameter(parameter);
            console.log('URL:-' + URL);
            fetch(URL,{
              method: 'get',
              'headers': WebServiceHandler.header(headerParam)
            })
            .then(function(response) {
              console.log(response.status);
                if (!response.ok) {
                  throw {name:response.status,message:"http request failed", value:response.json()};
                }
                return response.json();

            })
            .then(function(jsonResponse) {
              console.log('************************ HTTP GET Succes ************************ ');
              success(jsonResponse);
            })
            .catch(function(err) {
                console.log('************************ HTTP GET Failed **************************');
                  failed(err)
            });
          }
        });
  });
}

它始终返回以下输出,
WebServiceHandler: Network Connectivity status: false
App.js:50 callapi:{"name":"503","message":"No Internet connection"}

我已经在Wi-Fi和宽带连接上进行了很多尝试,但没有成功。

经过研究,我找到了this article on Github并实现了该功能。
static isNetworkConnected() {
  if (Platform.OS === 'ios') {
    return new Promise(resolve => {
      const handleFirstConnectivityChangeIOS = isConnected => {
        NetInfo.isConnected.removeEventListener('connectionChange', handleFirstConnectivityChangeIOS);
        resolve(isConnected);
      };
      NetInfo.isConnected.addEventListener('connectionChange', handleFirstConnectivityChangeIOS);
    });
  }
  return NetInfo.isConnected.getConnectionInfo();
}

但是仍然给我同样的错误信息。有什么可以帮助我解决这个问题的方法吗?

仅供参考。您可以在此处找到相同的question而没有答案。

谢谢。

最佳答案

终于得到了答案,解决方法将是这样,

static isNetworkConnected() {
      return NetInfo.getConnectionInfo().then(reachability => {
        if (reachability === 'unknown') {
          return new Promise(resolve => {
            const handleFirstConnectivityChangeIOS = isConnected => {
              NetInfo.isConnected.removeEventListener('connectionChange', handleFirstConnectivityChangeIOS);
              resolve(isConnected);
            };
            NetInfo.isConnected.addEventListener('connectionChange', handleFirstConnectivityChangeIOS);
          });
        }
        reachability = reachability.toLowerCase();
        return (reachability !== 'none' && reachability !== 'unknown');
      });
}

我们应该实现getConnectionInfo(),因为fetch()是不推荐使用的方法。

要么

NetInfo.isConnected.fetch()更新NetInfo.getConnectionInfo()。这也将起作用。

谢谢。

关于ios - React-Native NetInfo总是返回没有Internet连接,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49572815/

10-08 21:56