React Native NetInfo无法获取iOS设备SSID问题求助

1. 手动请求位置权限（核心问题） #

NetInfo 不会自动触发位置权限请求，这是你看不到权限弹窗的根本原因，必须手动调用权限API获取授权：

Android 端（使用PermissionsAndroid） #

import { PermissionsAndroid } from 'react-native';

const requestLocationPermission = async () => {
  try {
    const granted = await PermissionsAndroid.request(
      PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
      {
        title: "位置权限请求",
        message: "应用需要获取位置权限以读取WiFi信息",
        buttonNeutral: "稍后再说",
        buttonNegative: "取消",
        buttonPositive: "允许"
      }
    );
    if (granted === PermissionsAndroid.RESULTS.GRANTED) {
      console.log("位置权限已授权");
    } else {
      console.log("位置权限被拒绝");
    }
  } catch (err) {
    console.warn(err);
  }
};

iOS 端（使用react-native-permissions） #

先安装依赖：

npm install react-native-permissions --save
npx pod-install

确认Info.plist中的位置权限描述（你已配置，可再次核对）：

<key>NSLocationWhenInUseUsageDescription</key>
<string>应用需要获取位置权限以读取WiFi信息</string>
<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
<string>应用需要获取位置权限以读取WiFi信息</string>

然后请求权限：

import { request, PERMISSIONS } from 'react-native-permissions';

const requestLocationPermission = async () => {
  const result = await request(PERMISSIONS.IOS.LOCATION_WHEN_IN_USE);
  if (result === 'granted') {
    console.log("位置权限已授权");
  } else {
    console.log("位置权限被拒绝");
  }
};

在App启动或需要获取SSID前调用该函数，确保权限已授权。

2. 修复iOS WiFi权限配置 #

• 打开Xcode，选中目标项目进入Signing & Capabilities标签，点击+ Capability添加Access WiFi Information，这会自动为对应环境的Entitlements文件添加com.apple.developer.networking.wifi-info权限，避免手动添加时的环境不匹配问题。
• 确认Entitlements文件的Target Membership包含当前的debug和release目标，防止打包时权限丢失。

3. 解决SSID变量报错问题 #

state.details.ssid报错是因为结构访问或类型检查问题，修改代码如下：

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

// 初始化配置
NetInfo.configure({
  shouldFetchWiFiSSID: true,
});

const getNetworkState = async () => {
  const state = await NetInfo.fetch();
  console.log('网络状态:', state);
  if (state.type === 'wifi' && state.isConnected) {
    // 使用可选链避免空值报错
    const ssid = state.details?.ssid;
    console.log('当前SSID:', ssid);
  }
};

如果使用TypeScript，可添加类型断言避免类型错误：

const ssid = (state.details as any)?.ssid;

4. 依赖版本适配检查 #

react-native@0.71.0 推荐使用@react-native-community/netinfo@10.x版本（兼容RN 0.68+），你当前使用的9.3.7虽兼容，但升级到最新稳定版可规避潜在适配问题：

npm install @react-native-community/netinfo@latest --save
npx pod-install

5. 额外验证步骤 #

• iOS端：必须在真机上测试（模拟器无法获取真实WiFi SSID），确保设备已连接WiFi且系统位置服务已开启。
• Android端：Android 12+需额外添加权限到AndroidManifest.xml：

<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.NEARBY_WIFI_DEVICES" android:usesPermissionFlags="neverForLocation" />

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