반응 네이티브 맵에서 맵 영역 애니메이션하기

Question

가능한 가장 간단한 방법으로, 마커를 방금 클릭 한 위치가 화면 중앙에 위치하도록 맵의 영역을 어떻게 애니메이트 할 것인가? 화면의 상단 절반의 중심 (1/4과 1 사이)?

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를 사용하고 애니메이션 영역과 연결해야합니다.