react-native-bottom-tab-bar

Descripción

Sustituye la barra de tabs de React Navigation por una barra flotante centrada, con borde, sombra y esquinas redondeadas. Se conecta con la prop tabBar del navegador y respeta las opciones de pantalla que ya usas (tabBarIcon, tabBarLabel, title).

• La tab activa muestra su icono dentro de una píldora de color (animación ZoomIn); las inactivas, icono y etiqueta.
• Respeta el safe-area inferior y emite tabPress (cancelable) y tabLongPress, igual que la barra nativa.
• Accesible: roles tablist / tab, estado selected y etiqueta por tab.
• Colores, tipografía y duración de la animación configurables, sin depender de ningún sistema de temas.
• Swipe horizontal opcional entre tabs con SwipeableTabScreen (desactivado por defecto).

Requiere @react-navigation/bottom-tabs v7, react-native-reanimated ≥ 3, react-native-gesture-handler ≥ 2 y react-native-safe-area-context ≥ 4. Escrito en TypeScript.