最佳实践:在ReactNative / Redux应用程序中不使用网络

时间:2017-07-01 21:05:13

标签: react-native redux

我已经构建了一个使用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,或者您是否为这个(可能的)常见问题找到了更好的解决方案。

0 个答案:

没有答案