hewad-mubariz / reactnative-curved-bottomtabs

React Native Bottom tabs with curved effect built with Reanimated 3

React Native Curved Bottom tabs

React Native Curved Bottom Tabs is a customizable and scalable tab bar component built with React Native Reanimated 3. It features smooth and responsive animations with support for increasing or decreasing the number of tabs, scaling, and curve customization.

Built With

• React Native
• React Native Reanimated 3
• React Native SVG

Installation

1. Clone the repo:

   git clone https://github.com/hewad-mubariz/reactnative-curved-bottomtabs.git
   

iOS

• npm install
• cd ios && pod install && cd ..
• npm run ios

Android

• npm install
• npm run android

Demo

curved-bottom-tabs.mp4