Hola equipo, quiero integrar mapview como el siguiente video Video Link

El marcador debe estar en el centro de la pantalla y la ubicación del mapa debe arrastrarse

Mi código de vista de mapa como se muestra a continuación

 <MapView initialRegion={{ latitude: parseFloat(placeLat), longitude: parseFloat(placeLng), latitudeDelta: 0.0922, longitudeDelta: 0.0421, }} ref={(ref) => { this.mapRef = ref; }} provider={PROVIDER_GOOGLE} style={styles.mapStyle} showsUserLocation={true} onRegionChange={this.onRegionChange} onRegionChangeComplete={this.onRegionChangeComplete} > {markers.map((marker, index) => ( <Marker key={index} coordinate={{ latitude: parseFloat(marker.latitude), longitude: parseFloat(marker.longitude) }} title={marker.title} image={images.shippingAddress.pin} > <Callout tooltip > <View> <View style={styles.bubble}> <Text style={styles.bubbleTitleView}>{marker.title}</Text> </View> </View> </Callout> </Marker> ))} </MapView>

¿Alguna idea de cómo puedo lograr esto?