While using the “hype” Clubhouse app, I noticed an unusual scrolling when choosing user interests. In this article, I decided to tell you how to implement a similar scrolling for labels in React Native without using third-party modules and libraries.

Scheme component

We will make several rows of horizontal scroll-components, on top of which will be PanResponder. It will intercept all scroll gestures and control the behavior of scroll components. The Flatlist will act as a scroll component, since it is better optimized for displaying a large list of data.

We will also provide additional functionality for our component:

  • Don’t…

Radion Ponomarenko

Passionate frontend/mobile developer from Ukraine.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store