react-native-maps中geolocation.watchPosition()仅首次触发后不再更新

我之前也踩过这个坑！watchPosition()没法持续触发通常是几个容易忽略的细节导致的，咱们一步步排查解决：

1. 先抓“看不见的错误”——加上完整的错误处理 #

你贴的代码里没写错误回调，很多时候定位失败或停止更新都是因为被忽略的错误，比如权限收回、硬件故障：

componentDidMount() {
  this.watchId = navigator.geolocation.watchPosition(
    (position) => {
      let region = {
        latitude: position.coords.latitude,
        longitude: position.coords.longitude,
        latitudeDelta: 0.02500,
        longitudeDelta: 0.01000
      };
      // 记得更新组件状态，不然位置变化也没法在页面体现
      this.setState({ currentRegion: region });
    },
    // 关键！加上错误回调，排查问题根源
    (error) => {
      console.error("定位异常:", error.code, error.message);
      // 常见错误码：1=权限拒绝，2=定位失败，3=超时
    },
    // 配置参数拉满，强制高频高精度更新
    {
      enableHighAccuracy: true, // 开启高精度定位（GPS优先）
      maximumAge: 0, // 不使用缓存的旧位置
      timeout: 10000, // 10秒内没获取到位置就触发超时
      distanceFilter: 10 // 移动超过10米才触发更新（可按需调整）
    }
  );
}

2. 检查浏览器/设备的权限与设置 #

• 浏览器权限：确保给了网站持续获取位置的权限，而不是“仅使用期间允许”（有些浏览器默认是一次授权）。可以在地址栏的权限图标里重新设置。
• 后台限制：Chrome等浏览器在后台标签页会暂停定位更新，测试时一定要让页面在前台。
• 设备硬件：如果是移动设备，确认GPS已打开，尽量在户外测试（室内GPS信号弱，可能只会触发一次粗略定位）。

3. 组件卸载时一定要清理监听 #

虽然这不是直接导致不更新的原因，但内存泄漏会导致后续定位异常，养成好习惯：

componentWillUnmount() {
  if (this.watchId) {
    navigator.geolocation.clearWatch(this.watchId);
  }
}

4. 排查代码干扰项 #

• 看看有没有其他代码不小心覆盖了this.watchId，导致无法正常维护监听。
• 定位回调里不要做大量同步阻塞操作，比如复杂计算或同步请求，会延迟甚至阻止下一次更新触发。

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