Vibration on scroll

Feature Request

Add support for Vibration in react-native. Maybe we could use Vibration api to add simple vibrations inside the carousel to give users haptic feedback when scrolling.

Each scrolled item triggers a small vibration.

[LowieHuyghe]

I managed to get it working using the public currentIndex-property. Use the onScroll-prop to check the currentIndex and in case of change: vibrate.

<Carousel
    ref={this.carouselRef}
    ...
    onScroll={() => {
        if (this.carouselRef.current.currentIndex !== previousScrollIndex) {
            previousScrollIndex = this.carouselRef.current.currentIndex

            // Vibrate!
            ReactNativeHapticFeedback.trigger('impactLight', false)
        }
    }}
/>

Performance-wise it would probably be better to have a callback-prop on the Carousel which is called on currentIndex-change.

[dohooo]

Sorry, please allow me to advertise for my open source library! ~ I think this library react-native-reanimated-carousel will solve your problem. It is a high performance and very simple component, complete with React-Native reanimated 2