React Native新手求助：如何通过Geolocation获取设备当前位置？

嘿，作为React Native开发多年的老玩家，我一眼就看出你代码里的几个关键问题，帮你一步步解决：

1. 你误解了getCurrentPosition的异步特性 #

Geolocation.getCurrentPosition是异步操作，它不会直接返回位置结果——你现在的写法const location = Geolocation.getCurrentPosition()只会拿到undefined，因为函数还没完成定位请求就执行了console.log。

正确的做法是使用回调函数，或者把它包装成Promise用async/await：

方式一：使用回调函数 #

import { Geolocation } from 'react-native';

Geolocation.getCurrentPosition(
  // 成功回调：拿到位置后执行
  (position) => {
    console.log("location", position);
    // position里包含coords.latitude、coords.longitude等核心信息
  },
  // 失败回调：捕获定位错误
  (error) => {
    console.error("获取位置失败", error.message);
    // 常见错误：权限被拒、定位超时、设备未开启定位等
  },
  // 配置参数：根据需求调整
  {
    enableHighAccuracy: true, // 是否启用高精度GPS定位
    timeout: 20000, // 超时时间（毫秒）
    maximumAge: 1000 // 可接受的缓存位置最长有效期（毫秒）
  }
);

方式二：用Promise包装+async/await（更优雅） #

import { Geolocation } from 'react-native';

const getCurrentLocation = async () => {
  try {
    const position = await new Promise((resolve, reject) => {
      Geolocation.getCurrentPosition(resolve, reject, {
        enableHighAccuracy: true,
        timeout: 20000,
        maximumAge: 1000
      });
    });
    console.log("location", position);
  } catch (error) {
    console.error("获取位置失败", error.message);
  }
};

// 调用这个函数触发定位
getCurrentLocation();

2. Android 6.0+需要动态申请权限 #

你只在AndroidManifest.xml里加了权限是不够的！Android 6.0（API 23）及以上，危险权限（比如定位）需要在代码里主动向用户申请，用户同意后才能使用。

步骤一：完善AndroidManifest.xml权限 #

除了ACCESS_FINE_LOCATION，建议加上ACCESS_COARSE_LOCATION作为备选（当GPS信号弱时用网络定位）：

<!-- android/app/src/main/AndroidManifest.xml -->
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

步骤二：代码中动态请求权限 #

使用React Native内置的PermissionsAndroid来申请：

import { PermissionsAndroid } from 'react-native';

const requestLocationPermission = async () => {
  try {
    const granted = await PermissionsAndroid.request(
      PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
      {
        title: "定位权限请求",
        message: "我们需要获取你的位置信息来完成功能",
        buttonNeutral: "稍后再说",
        buttonNegative: "取消",
        buttonPositive: "允许"
      }
    );
    
    if (granted === PermissionsAndroid.RESULTS.GRANTED) {
      console.log("定位权限已授予，开始获取位置");
      // 权限通过后，调用获取位置的函数
      getCurrentLocation();
    } else {
      console.log("定位权限被拒绝，无法获取位置");
    }
  } catch (err) {
    console.warn("请求权限时出错", err);
  }
};

// 先请求权限，再触发定位
requestLocationPermission();

3. 其他需要检查的细节 #

• 设备定位服务是否开启：真机下拉状态栏打开「定位服务」，模拟器可以在设置里开启，或者用Android Studio的Emulator工具设置模拟位置
• 测试环境选择：模拟器的定位服务有时候不稳定，建议优先用真机测试
• 参数调整：如果enableHighAccuracy: true时定位超时，可以改成false试试（用网络定位更快，精度稍低）
• Android 10+后台定位：如果你的APP需要在后台获取位置，还要添加ACCESS_BACKGROUND_LOCATION权限，但如果只是前台获取当前位置，前面的权限就足够

按照上面的步骤调整代码，应该就能成功获取到设备位置啦！

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