我已经构建了一个使用redux的ReactNative应用程序,以及Wix的react-native-navigation库(强烈建议使用btw),并且正在努力改善网络连接丢失时的用户体验 - 实际上只是一个让用户知道的简单警报。
我在一个api.js lib文件中得到了所有的fetch()调用,我想做的是用一个函数来包装每个请求,该函数在获取之前检查连接(而不是做我在其他SO建议中看到的某种单组件实现。
我已经阅读过一篇关于facebook的NetInfo(https://facebook.github.io/react-native/docs/netinfo.html)API的文章,但是对于简单的NetInfo.isConnected.fetch().then((isConnected) => {}
用例,它仍然存在未解决的问题(它根据问题打开,总是返回false。
我在fetch函数中尝试过类似的东西:
static get(route, params, header) {
return NetInfo.isConnected.fetch().then((isConnected) => {
if ( isConnected )
{
// Run / return your API call
}
else
{
Alert.alert('No Internet Connection', 'Please connect and retry.',[{text: 'OK'}],{ cancelable: false });
}
});
}
我想知道是否有人以这种方式成功使用了NetInfo api,或者您是否为这个(可能的)常见问题找到了更好的解决方案。