React-Native：如何确定 MapView 当前是否正在跟踪用户位置？

Question

我正在构建一个使用 MapView 的 ReactNative iOS 应用程序。 （实际上，我现在正在测试react-native-maps，但我认为它们至少在很大程度上相似。）

我想实现一个“我周围的中心地图”功能，类似于 Apple 的 Maps.app 中的功能。

在这两个屏幕截图中的第一个中（抱歉，尺寸过大），蓝色按钮突出显示并且地图正确定位在我当前位置周围：

在第二个屏幕截图中，我稍微平移了地图，使其不再以我当前位置为中心，并且按钮不再突出显示。

如果我点击按钮，地图会再次快速回到我的当前位置。

如何在我自己的应用中实现这个按钮？

我看不到任何访问地图状态的方法（即它是否跟踪用户的位置）。

Answer 1

首先说一下

（实际上，我现在正在测试 react-native-maps，但我认为它们至少在很大程度上相似。）

不正确，因为它们使用不同的原生文件来处理 React 和 iOS/Android 之间的桥梁。

关于 react-native-maps，您可以使用 animateToCoordinate 方法为地图中心坐标设置动画，该方法记录在 here 中。为此，您应该为您的 MapView 提供一个 ref（甚至可以使用 MapView.Animated 类）。

基本上，你可以像这样声明你的地图

<MapView.Animated
  ref="map"
  showsUserLocation={true}
/>

然后创建一个方法：

centerOnUser(){
  navigator.geolocation.getCurrentPosition(
    (position) => {
      this.refs.map.refs.node.animateToCoordinate(position.coords)
    },
    (error) => alert(error.message),
    {enableHighAccuracy: true, timeout: 20000, maximumAge: 1000}
  );
}

并从您的按钮调用此方法。