How to move tapped item to center in carousel

I am using this plugin, i have 6 items and kept in carousel. After tapping on any item it should come to center. I don't know how to implement this feature.
code:

<Carousel
          ref={(c) => { this._carousel = c; }}
          data={this.props.entries}
          renderItem={this._renderItem}
          onSnapToItem={this.handleSnapToItem}
          sliderWidth={sliderWidth}
          itemWidth={itemWidth}
          layout={'default'}
          onLayout={() => {
            this._carousel.snapToItem(this.state.activeSlide);
          }}
        />

<View onPress={ () => {
                                   this.setState({
                                     activeSlide: index
                                   })></View>

 handleSnapToItem = () => {
    // console.log("snapped to ", index);
    this._carousel.snapToItem(this.state.activeSlide);
  }

Start with the Carousel usage shown in the issue, especially the ref, onSnapToItem, and snapToItem calls, and read the component's API documentation or source for their interaction. Confirm how a tapped item's index can be passed through the existing handlers; done means tapping any of the six items reliably places that item in the center.