javascript - react 原生 map : How to follow user location on button press

Question

我正在使用 react-native-maps而且效果很好。但我有两个问题。

我可以使用 followsUserLocation 自动跟踪用户位置但是当我移动 map 时，它会不断将我拖回用户位置。我该如何解决这个问题？

我想要刷新按钮，当用户按下按钮时，我希望我的 map View 跟随用户位置。

constructor() {
    super();
    this.state = {
        followsUserLocation: true,
    };
}


mapView() {
    return(
        <MapView style={styles.map}
        showsUserLocation
        followsUserLocation={this.state.followsUserLocation}
        initialRegion={{
        latitude: 37.523814,
        longitude:  126.927494,
        latitudeDelta: 0.0922,
        longitudeDelta: 0.0421}}/>
   )
}

任何意见或建议将不胜感激!提前致谢!

Answer 1

尝试 onUserLocationChange 回调并使用 setState 相应地设置您的区域

   state = {
    showsUserLocation: true,
    followsUserLocation : true,
    mapRegion: {
      latitude: 37.78825,
      longitude: -122.4324,
      latitudeDelta: 0.0922,
      longitudeDelta: 0.0421,
    },
  };

    <MapView
            style={{ flex: 1 }}
            region={this.state.mapRegion}
            //use this callback to update the regions
            onUserLocationChange={event => console.log(event.nativeEvent)}
            showsUserLocation={this.state.showsUserLocation}
            followsUserLocation={this.state.followsUserLocation}
          />