javascript - 反应原生地图：使用标记集中心拖动地图视图

Question

你好团队我想像下面的视频 视频链接那样集成 mapview

标记应位于屏幕中心，地图位置应拖动

我的地图视图代码如下

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

知道我怎么能做到这一点吗？