在 React-Native 中检测和处理慢速互联网连接

Posted 2023-02-22

【中文标题】在 React-Native 中检测和处理慢速互联网连接

【英文标题】：Detect and handle slow internet connection in React-Native

【发布时间】：2018-11-07 23:03:22

【问题描述】：

目前我正在使用 react-native 的 NetInfo 并且在 EffectiveConnectionType 的帮助下，我能够找到连接在： 2g、3g、4g 和未知。但是有什么优化的方法来处理这个问题吗？

【问题讨论】：

也许对一些服务器做一些小的 api 调用并测试这需要多长时间？

如果连接速度很慢，则需要 20 秒，并且我还添加了 10 秒的超时时间，但我的情况是，如果连接出现和出现，我的意思是不稳定，此时子组件应该重新渲染。

react-native-offline 是一个有用的库。它允许您通过允许您为 ping 服务器设置自定义超时（默认为 google）来配置慢速连接。您还可以设置间隔以每 x 时间检查一次连接状态

@dentemm 同意，但我的意思是不使用任何库，是否有任何其他替代解决方案。

不幸的是，据我所知，由于 NetInfo 的限制，我也从 NetInfo 迁移到了 RN-offline 库

【参考方案1】：

您可以使用https://github.com/rgommezz/react-native-offline或 您可以简单地在 axios 中添加 timeout...如果请求在特定时间后中止，比如 10 秒...重新点击相同的 API 请求并设置计数限制，如果超过计数限制...您可以显示网速慢的消息。

【参考方案2】：

我使用 react-native-offline 库。

除此之外，withNetworkConnectivity() 经常 ping 一个网址，offline queues 绝不会错过任何操作...

https://github.com/rgommezz/react-native-offline