$ npm i @acertijosapps/react-native-bottom-tab-bar$ yarn add @acertijosapps/react-native-bottom-tab-barDescription
Replaces the React Navigation tab bar with a floating, centered bar with a border, shadow and rounded corners. It plugs into the navigator's tabBar prop and honors the screen options you already use (tabBarIcon, tabBarLabel, title).
- The active tab shows its icon inside a colored pill (ZoomIn animation); inactive tabs show icon and label.
- Respects the bottom safe area and emits tabPress (cancelable) and tabLongPress, just like the native bar.
- Accessible: tablist / tab roles, selected state and a label per tab.
- Configurable colors, typography and animation duration, with no dependency on any theming system.
- Optional horizontal swipe between tabs with SwipeableTabScreen (off by default).
Requires @react-navigation/bottom-tabs v7, react-native-reanimated ≥ 3, react-native-gesture-handler ≥ 2 and react-native-safe-area-context ≥ 4. Written in TypeScript.