Expo SDK 40升级至SDK 42后位置权限已授予但无法传递给地图问题

核心错误点 #

• 调用了不存在的Expo Location API：SDK 42版本的expo-location库没有requestForegroundAsync、getForegroundPositionAsync方法，navigator.geolocation下也没有getForegroundPosition方法，这是SDK升级后API调用错误导致的位置获取失败
• 状态赋值逻辑断裂：你通过Location API拿到位置对象后，没有将经纬度赋值给地图组件绑定的user_latitude、user_longitude状态，自然无法将位置传递给地图
• 缺少副作用清理逻辑：useFocusEffect回调里没有写isActive的重置逻辑，可能出现内存泄漏、状态更新异常问题

前置检查 #

首先确认你已经安装了SDK 42对应的expo-location版本：

expo install expo-location@~12.1.2

修正后的代码实现 #

位置请求逻辑 #

useFocusEffect(
  React.useCallback(() => {
    let isActive = true;

    async function fetchGeoPosition() {
      // 调用正确的权限申请API
      const { status } = await Location.requestForegroundPermissionsAsync();
      if (status !== 'granted') {
        setErrorMsg('Permission to access location was denied');
        setIsLoading(false);
        return;
      }
      // 调用正确的位置获取API
      const location = await Location.getCurrentPositionAsync({
        enableHighAccuracy: true,
        timeout: 20000,
        maximumAge: 2000
      });
      if (isActive) {
        // 直接给地图绑定的状态赋值，不要用废弃的navigator.geolocation
        setUserLatitude(location.coords.latitude);
        setUserLongitude(location.coords.longitude);
        setPositionError(null);
        console.log('Location Accessed');
      }
      setIsLoading(false);
    }

    fetchGeoPosition();
    // 副作用清理：页面失活时重置isActive
    return () => {
      isActive = false;
    };
  // 按实际情况补充依赖项
  }, [setUserLatitude, setUserLongitude, setPositionError, setErrorMsg, setIsLoading])
);

地图组件优化 #

给地图状态加初始默认值，避免初始渲染时region属性值为undefined导致地图无法正常更新：

// 状态初始化示例
const [user_latitude, setUserLatitude] = useState(39.9042); // 可替换为你需要的默认纬度
const [user_longitude, setUserLongitude] = useState(116.4074); // 可替换为你需要的默认经度

// 地图组件保持不变即可
<MapView
  provider={PROVIDER_GOOGLE}
  style={styles.map}
  region={{
    latitude: user_latitude,
    longitude: user_longitude,
    latitudeDelta: 0.015,
    longitudeDelta: 0.0121
  }}
>

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