React Native（Expo）Location模块相关问题求助

针对你遇到的三个Location模块问题，逐一给出修复方案：

1. Location.Address类型未找到 #

问题说明 #

TypeScript提示Location.Address不存在，类型模块未加载。

修复方案 #

Expo Location v15+（对应SDK 48及以上）调整了类型导出方式，Address需要单独导入：

import * as Location from 'expo-location';
import type { Address, PermissionResponse } from 'expo-location';

也可以通过reverseGeocodeAsync的返回值自动推导类型，无需显式引用Address。

2. requestPermissionsAsync()被废弃（显示删除线） #

问题说明 #

该方法在Expo SDK 48+已被官方废弃，无法正常触发权限申请流程。

修复方案 #

根据场景替换为对应权限申请方法：绝大多数前台定位场景用requestForegroundPermissionsAsync，后台定位需求用requestBackgroundPermissionsAsync：

// 替换原废弃方法
const permissionResult: PermissionResponse = await Location.requestForegroundPermissionsAsync();

3. let {status}语句报错 #

问题说明 #

解构status时出现类型错误，或代码无响应。

修复原因&方案 #

• 原代码中useEffect里的自执行async函数未调用（少了末尾的()），导致逻辑根本没执行；
• 废弃方法的返回类型已变更，配合新权限方法调整解构逻辑；
• 权限未授予时需终止后续定位逻辑，避免无意义报错。

完整修复后的代码 #

import React, { useState, useEffect } from "react"
import { View, Text, StyleSheet, Image, Dimensions } from "react-native"
import * as Location from 'expo-location';
import type { Address, PermissionResponse } from 'expo-location';

const screenWidth = Dimensions.get("screen").width

export const LandingScreen = () => {
  const [errorMsg, setErrorMsg] = useState("")
  const [address, setAddress] = useState<Address | null>(null)
  const [displayAddress, setDisplayAddress] = useState("Waiting for current location")
  
  useEffect(() => {
    // 补全自执行函数的调用()
    (async () => {
      const permissionResult: PermissionResponse = await Location.requestForegroundPermissionsAsync();
      const { status } = permissionResult;

      if (status !== "granted") {
        setErrorMsg("Permissions not granted. Allow the app to use location services.");
        // 权限未授予时直接返回，避免后续报错
        return;
      }

      try {
        const location = await Location.getCurrentPositionAsync({
          // 可选：添加定位配置，提高精度
          accuracy: Location.Accuracy.High
        });
        const { coords } = location;

        if (coords) {
          const { latitude, longitude } = coords;
          const addressResponse = await Location.reverseGeocodeAsync({
            latitude,
            longitude
          });

          if (addressResponse.length > 0) {
            const item = addressResponse[0];
            setAddress(item);
            const currentAddress = `${item.name || ''}, ${item.street || ''}, ${item.postalCode || ''}, ${item.city || ''}`;
            setDisplayAddress(currentAddress);
          }
        }
      } catch (err) {
        setErrorMsg("Failed to get location: " + (err as Error).message);
      }
    })(); // 补全()执行函数
  }, []);

  return (
    <View style={styles.container}>
      <View style={styles.navigation} />
      <View style={styles.body}>
        <Image source={require("../images/delivery.png")} style={styles.deliveryIcon} />
        <View style={styles.addressContainer}>
          <Text style={styles.addressTitle}>Your delivery address</Text>
        </View>
        {errorMsg ? <Text style={{ color: 'red', marginBottom: 10 }}>{errorMsg}</Text> : null}
        <Text style={styles.addressText}>{displayAddress}</Text>
      </View>
      <View style={styles.footer} />
    </View>
  )
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'rgba(242,242,242,1)'
  },
  navigation: {
    flex: 2,
  },
  body: {
    flex: 9,
    justifyContent: "center",
    alignItems: "center",
  },
  footer: {
    flex: 1,
  },
  deliveryIcon: {
    width: 120,
    height: 120
  },
  addressContainer: {
    width: screenWidth - 100,
    borderBottomColor: "red",
    borderBottomWidth: 0.5,
    padding: 5,
    marginBottom: 10,
    alignItems: "center"
  },
  addressTitle: {
    fontSize: 24,
    fontWeight: "700",
    color: "#7D7D7D"
  },
  addressText: {
    fontSize: 20,
    fontWeight: "200",
    color: "#4F4F4F"
  }
})

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