Hello team i want to integrate mapview like below video Video Link

Marker should be center of screen and map location should be drag

My mapview code as below

 <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>

Any idea how i can achieve this?