Expo获取当前位置时MapView报region.latitude必填错误求助

嘿，我完全懂你碰到的这个坑！虽然你能通过console.log看到正确的位置数据，但问题出在组件初始化的时机上：当MapView第一次渲染时，你的latitude和longitude还处于初始的null状态，而MapView的region.latitude是必填的数字类型，iOS底层会尝试把NSNull转成double，这就触发了那个"unrecognized selector"错误。

给你几个实用的解决方案：

1. 给状态设置默认的有效初始坐标 #

在初始化state时，给latitude和longitude设置一个合法的默认值（比如某个城市的坐标或者0,0），这样组件第一次渲染时不会传null给MapView：

this.state = {
  text: 'Destination',
  // 用默认坐标初始化，避免null
  latitude: 37.78825, // 示例：旧金山坐标
  longitude: -122.4324,
  error: null
};

2. 延迟渲染MapView，直到获取到有效位置 #

在render方法里先判断坐标是否存在，不存在就显示加载提示，等拿到位置后再渲染MapView：

render() {
  const { latitude, longitude, error } = this.state;

  // 如果还没拿到有效坐标，显示加载状态
  if (!latitude || !longitude) {
    return <Text>{error ? `获取位置失败: ${error}` : '正在获取位置...'}</Text>;
  }

  return (
    <MapView
      style={{ flex: 1 }}
      region={{
        latitude: latitude,
        longitude: longitude,
        latitudeDelta: 0.0922,
        longitudeDelta: 0.0421,
      }}
      // 其他MapView属性...
    />
  );
}

3. 检查定位代码的拼写错误 #

你代码片段里的position.coor...看起来有点截断，要确保是position.coords.latitude（注意是coords不是coor），这也是常见的小失误：

componentDidMount() {
  navigator.geolocation.getCurrentPosition(
    (position) => {
      this.setState({
        latitude: position.coords.latitude,
        longitude: position.coords.longitude,
        error: null
      });
    },
    (error) => this.setState({ error: error.message }),
    // 可选：配置定位参数，提升准确性
    { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
  );
}

简单总结下：componentDidMount是在组件第一次渲染完成后才执行的，所以初始渲染时state里的坐标还是null，这时候MapView拿到无效值就会报错；而你console.log看到的是定位成功后更新的state，那时候已经没问题啦。

内容的提问来源于stack exchange，提问作者J. Doe