Tengo app.js en el que:
const Tab = createBottomTabNavigator(); export default function App() { return ( <NavigationContainer> <Tab.Navigator> <Tab.Screen name='Home' component={Home} /> </Tab.Navigator > </NavigationContainer> ) }Muestro las pestañas inferiores, pero veo la navegación en la parte superior que muestra "Inicio" como con StackNavigator. Quiero que no haya campo verdadero
const Tab = createBottomTabNavigator(); export default function App() { return ( <NavigationContainer> <Tab.Navigator tabBarOptions={{ showLabel: false, // add this line to hide tab label }} > <Tab.Screen name='Home' component={Home} /> </Tab.Navigator > </NavigationContainer> ) }Fue necesario agregar para tabs.screen options = {{headerShown: false}}
Debería tener que mostrar la etiqueta nula como se muestra a continuación. Agregue falso a la etiqueta en el navegador de pestañas principal, para que todas las páginas permanezcan igual que si no apareciera la etiqueta.
agregar tabBarOptions={{showLabel: false}} en Tab.Navigator
<Tab.Navigator tabBarOptions={{showLabel: false}}>Aquí está el enlace de referencia oficial: https://reactnavigation.org/docs/tab-based-navigation/