蜂窝网络已连接但无套餐/余额时NetInfo.isConnected返回true的解决方法

这个问题我太熟悉了——好多开发者都会踩这个坑！NetInfo的isConnected接口其实只做了物理连接检测：只要设备和蜂窝基站建立了链路（哪怕SIM没套餐、余额不足），它就会返回true，但完全不管这个链路能不能实际访问互联网。下面给你分场景和平台说具体的解决办法：

如果你用的是@react-native-community/netinfo（现在官方推荐的版本），别再只盯着isConnected了，改用isInternetReachable这个属性：

• 它会在底层验证设备是否真的能访问公共互联网
• iOS端基于NWPathMonitor的可达性检测，Android端则用NetworkCapabilities.NET_CAPABILITY_VALIDATED来确认网络有效

示例代码：

import NetInfo from '@react-native-community/netinfo';

// 单次获取状态
NetInfo.fetch().then(state => {
  console.log('是否能访问互联网:', state.isInternetReachable);
  console.log('物理连接状态:', state.isConnected);
});

// 监听状态变化
const unsubscribe = NetInfo.addEventListener(state => {
  if (state.isConnected && !state.isInternetReachable) {
    // 这里就是你说的「有物理连接但不能上网」的场景
    alert('您的SIM卡可能无上网套餐或余额不足，请检查');
  }
});

// 记得在组件卸载时取消监听
// unsubscribe();

如果isInternetReachable仍有误差（比如某些地区的运营商做了特殊限制），可以自己写原生模块做更精准的检测：

iOS端（Swift） #

用NWPathMonitor监听网络状态，重点判断链路状态和实际访问能力：

import Network

class NetworkReachabilityManager {
    static let shared = NetworkReachabilityManager()
    private let monitor = NWPathMonitor()
    
    func startMonitoring(completion: @escaping (Bool) -> Void) {
        monitor.pathUpdateHandler = { path in
            // .satisfied表示有可用网络，同时确认是蜂窝网络且能正常访问
            let isReachable = path.status == .satisfied && path.usesInterfaceType(.cellular)
            completion(isReachable)
        }
        let queue = DispatchQueue(label: "NetworkMonitorQueue")
        monitor.start(queue: queue)
    }
    
    func stopMonitoring() {
        monitor.cancel()
    }
}

Android端（Kotlin） #

利用ConnectivityManager和NetworkCapabilities，验证蜂窝网络是否具备有效互联网访问权限：

import android.content.Context
import android.net.ConnectivityManager
import android.net.NetworkCapabilities

class NetworkUtils {
    companion object {
        fun isCellularInternetAvailable(context: Context): Boolean {
            val connectivityManager = context.getSystemService(Context.CONNECTIVITY_SERVICE) as ConnectivityManager
            val activeNetwork = connectivityManager.activeNetwork ?: return false
            val networkCapabilities = connectivityManager.getNetworkCapabilities(activeNetwork) ?: return false
            
            // 检查是蜂窝网络，且具备验证过的互联网访问能力
            return networkCapabilities.hasTransport(NetworkCapabilities.TRANSPORT_CELLULAR) &&
                    networkCapabilities.hasCapability(NetworkCapabilities.NET_CAPABILITY_VALIDATED)
        }
    }
}

如果上面的方法都有遗漏（比如运营商做了拦截，物理连接存在但完全无法访问任何网站），最靠谱的方式是发起一个轻量的网络请求（比如HEAD请求）到一个稳定的地址：

async function checkActualInternetAccess() {
  try {
    const response = await fetch('https://www.google.com', {
      method: 'HEAD', // 只请求响应头，节省流量
      timeout: 5000   // 5秒超时，避免阻塞UI
    });
    return response.ok;
  } catch (error) {
    return false;
  }
}

// 使用示例
checkActualInternetAccess().then(isAccessible => {
  if (!isAccessible) {
    alert('当前网络无法访问互联网，请检查SIM卡套餐或余额');
  }
});

注意：这个方法要考虑用户的流量消耗，尽量用HEAD请求；同时要处理超时和异常情况，避免影响用户体验。

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