连接WiFi无网络时NetInfo仍返回true，React Native还有哪些检测方案？

嘿，这个坑我踩过好多次！NetInfo确实只会判断设备连没连到WiFi/蜂窝网络，但完全不管这个网络能不能真的连上互联网。下面几个方案都是我在生产项目里亲测好用的：

这是最直接也最可靠的方案——只有能成功请求到外部公共资源，才能证明真的有互联网。建议选一个体积极小的资源（避免耗流量），比如Google的favicon，或者你自己后端的健康检查接口（更适配业务场景），用HEAD请求比GET更轻量。

示例代码：

async function checkRealInternet() {
  try {
    // 国内环境可以换成 https://www.baidu.com/favicon.ico
    const response = await fetch('https://www.google.com/favicon.ico', {
      method: 'HEAD',
      timeout: 5000, // 5秒超时，避免长时间等待
    });
    return response.ok; // 状态码200-299都算连通
  } catch (error) {
    console.warn('无有效互联网连接:', error);
    return false;
  }
}

注意：一定要加超时设置，不然网络异常时会卡住；另外根据APP的目标地区选择稳定的检测地址，避免因为地区屏蔽导致误判。

这个库就是专门解决“假联网”问题的，它在NetInfo的基础上，会自动定期发起检测请求验证实际连通性，还支持自定义检测规则。

先安装：

npm install react-native-offline --save
# 或者 yarn add react-native-offline

然后用它的useNetInfo钩子，返回的isConnected是经过实际连通验证的：

import { useNetInfo } from 'react-native-offline';

function NetworkStatus() {
  const netInfo = useNetInfo();

  return (
    <Text>
      当前网络状态: {netInfo.isConnected ? '已连接互联网' : '无有效网络'}
    </Text>
  );
}

它还支持自定义检测URL、调整检测间隔，甚至能缓存检测结果，非常灵活。

如果你的APP是实时类应用（比如聊天、推送），WebSocket是个绝佳选择。一旦WebSocket断开，就说明网络出现了问题（不管是本地断网还是后端故障）。

示例代码：

let wsConnection;

function initWebSocketChecker() {
  // 替换成你的后端WebSocket地址
  wsConnection = new WebSocket('wss://your-server.com/ws');
  
  wsConnection.onopen = () => {
    console.log('WebSocket连接成功，确认有互联网');
  };
  
  wsConnection.onclose = () => {
    console.log('WebSocket断开，网络可能异常');
    // 自动重试连接
    setTimeout(initWebSocketChecker, 5000);
  };
  
  wsConnection.onerror = (error) => {
    console.error('WebSocket出错:', error);
  };
}

// 组件挂载时初始化
useEffect(() => {
  initWebSocketChecker();
  return () => wsConnection?.close();
}, []);

这种方式不需要额外发起检测请求，还能同时服务于业务功能，一举两得。

如果对检测速度和准确性要求极高，可以在原生端实现Ping功能，再通过RN桥接调用。比如：

• iOS：使用系统的SimplePing类Ping可靠的IP（比如8.8.8.8，Google公共DNS）
• Android：执行ping -c 1 8.8.8.8命令，解析返回结果判断连通性

这种方式不依赖HTTP服务，检测速度更快，但需要写原生代码，适合对性能有极致要求的场景。

额外小贴士 #

• 不要频繁检测：建议结合NetInfo，只有当NetInfo返回“已连接”时，再做实际连通性检测，减少不必要的请求，节省流量和电池。
• 缓存检测结果：可以把检测结果缓存30秒到1分钟，避免短时间内重复检测。

内容的提问来源于stack exchange，提问作者devedv