反应原生地图中的动画地图区域

Question

以最简单的方式，我将如何为地图区域设置动画，以便我刚刚点击的标记位于屏幕的中心，而在其他情况下则位于屏幕的上半部分的中心。屏幕（第1季和第2季之间）？

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并将其与动画区域连接。