react-native slider/carousel using scrollView

componentDidMount & componentWillUnmount

  componentDidMount() {
    this._stopAutoPlay();
    this._startAutoPlay();
  }

  componentWillUnmount() {
    this._stopAutoPlay();
  }

Next slide & start slide & end slide

_goToNextPage = () => {
    if (
      ActivePortionOfScrollView >
      Dimensions.get('window').width * (NumberOfSlide - 1)
    )
      ActivePortionOfScrollView = -Dimensions.get('window').width;

    ActivePortionOfScrollView =
      ActivePortionOfScrollView +
      Dimensions.get('window').width +
      AdjustingWidth;
    this.refs.scrollview.scrollTo({
      x: ActivePortionOfScrollView,
      y: 0,
      animated: true,
    });
    // console.log('ww' + ActivePortionOfScrollView);
  };

  _startAutoPlay = () => {
    this._timerId = setInterval(this._goToNextPage, IntervalTime);
  };

  _stopAutoPlay = () => {
    if (this._timerId) {
      clearInterval(this._timerId);
      this._timerId = null;
    }
  };

slider

 <View style={{marginTop: 10, marginBottom: 10}}>
            <ScrollView
              style={{}}
              horizontal={true}
              ref="scrollview"
              onScroll={event => this.handleScroll(event)}>
              <Image
                source={require('../../../assets/images/one.jpg')}
                style={styles.sliderItems}
              />
              <Image
                source={require('../../../assets/images/two.jpg')}
                style={styles.sliderItems}
              />
              <Image
                source={require('../../../assets/images/three.jpg')}
                style={styles.sliderItems}
              />
            </ScrollView>
          </View> 

https://medium.com/@bkamalesh99/react-native-flatlist-as-carousel-slider-ae5ac6497350
https://stackoverflow.com/a/59906574/12003816