在react-native-maps中動畫地圖區域

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並將其與動畫區域連接起來。