Custom page control in React Native

Hello!

When I was developing onboarding screen or scrollable list view usually I was adding as well standard page control to track on which screen currently I am. But then I realised that if I add custom animation for this small UI element then it becomes more interesting for users to play around. That is why I developed react-native-chi-page-control to improve application user interface.

How to Get Started?

Install react-native-chi-page-control:

npm install react-native-chi-page-control --save

Then in your App.js file copy and paste the following:

Now if you run react-native run-ios you should see a nice screen with an animation like this:

Thanks for reading and if you are interested to get more information about this package then you can check it at github!