Creating a custom scroll bar indicator — React Native, Reanimated, Gesture

If you land here, you are looking on how to customize the scroll bar indicator, but sadly you can’t do a cross-platform stylized indicator by simply setting parameters on the React Native <ScrollView> component.

This works cross-platform on the Android, iOS, and Web.

You can find the code and the Snack demo at the bottom of the article.

This is using React Native Reanimated, and Gesture Handler in order to move the indicator and handle the classic click…