RN iOS网络是否连接bug

最新推荐文章于 2022-05-25 18:49:28 发布

原创最新推荐文章于 2022-05-25 18:49:28 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react-native #ios #android #http #NetInfo

react-native 同时被 2 个专栏收录

47 篇文章

订阅专栏

工作中遇到的问题

39 篇文章

订阅专栏

本文介绍了一个React Native项目中遇到的网络检测问题。针对NetInfo模块在iOS设备上首次请求时出现的bug，提供了详细的解决方案，并介绍了如何使用fetch方法自行实现网络状态检查。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

react native 是有判断网路是否连接这个接口的NetInfo。
可以通过这样来判断：isConnected=true 有网络，反之没有网络。

    data = await NetInfo.isConnected.fetch().then((isConnected) => {
                 console.log('isConnected',isConnected);
                 if(!isConnected){
                     DeviceEventEmitter.emit('data', 'NoNetWork');//跳转到没有网路界面
                     return false;
                 }else{
                     return true;
                 }
             }).catch((err)=>{
                 console.log('HttpUtil 异常');
                 return false;
             });

这个接口Android上面没有问题，但是在iOS上面有bug。
如果是第一次网络请求，收集有网络而服务器不可以连接，这个接口返回的isConnected 依然是false，手机没有网络。
解决办法：
这个错误是在rn0.22甚至更早就有了，官方一直在改还是没有修改好。所以直接弃用这个接口。可以通过如下方式判断手机是否有网络。

 isNet = await fetch("https://www.baidu.com");
            if(isNet.status=200){
                console.log('有网络');
                HttpRequest.NetFlag = true;
                return true;
            }else{
                console.log('没有网络');
                DeviceEventEmitter.emit('data', 'NoNetWork');
                return false;
            }