我目前正在尝试在我的react-native应用程序之一中实现Web服务调用,并使用react-native-web-service-handler调用Get
和Post
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/