在react-native-maps中对地图区域进行动画处理

Question

以最简单的方式，我将如何对地图区域进行动画处理，以便我刚刚单击的标记位于屏幕的中心，并且在其他情况下位于屏幕上半部分的中心（在第一季度和第二季度）？

Answer 1

您需要在您所在的州使用 Animated.Region，例如：

 region: new Animated.Region({
        latitude:       lat,
        longitude:      lng,
        latitudeDelta:  0.01,
        longitudeDelta: 0.01,
 })

然后，在选择标记（onSelect / onPress）后，您可以获取其位置并将该区域设置为动画：

var {region} = this.state;
region.timing({
    latitude:  newLat, // selected marker lat
    longitude: newLong, // selected marker lng
  }).start();

在 render 方法中，记住使用 MapView.Animated 并将其与动画区域连接。