What is expo-curved-bottom-tabs?

This repository is a custom navigation bar component for mobile apps built with Expo, a framework that makes it easier to build iOS and Android apps using JavaScript. Specifically, it replaces the plain flat tab bar that normally appears at the bottom of the screen with a curved, visually styled version that includes an animated indicator shaped like a frosted-glass pill. The main visual idea is that when you tap between tabs, a translucent pill shape slides across the bottom bar and lands on the active tab. The pill uses two independent spring animations at once: one for the leading edge (which moves quickly) and one for the trailing edge (which follows more slowly), giving the movement a stretchy, organic feel. You can also drag the pill with your finger across the bar, and when you let go it snaps to the nearest tab and navigates there. The bar itself is drawn with a graphics library called Skia, which handles the curved arc shape and small decorative bead details along the surface. To use it, you clone the repository, install dependencies, and wire the CurvedTabBar component into the tabBar slot of Expo Router's tab navigator. The component exposes a few sub-pieces (List, Trigger, and Indicator) that you arrange in your layout file to declare which tabs exist and whether the sliding pill should appear. Tab icons are resolved by route name from a lookup table, using Apple-style SF Symbol names on iOS and Ionicons as a fallback on Android. Customization is done by editing constants in one file: the depth of the curve, bar thickness, pill height, icon size, and the two spring values all live there. Adding a new tab icon means adding one entry to a name-to-icon mapping object. The stack it depends on includes Expo 56, React Native 0.85, Reanimated 4, Gesture Handler 2, Skia, and Expo Glass Effect. This is a demonstration project and example codebase rather than a published package, so you use it by cloning and adapting, not by installing from a package registry.