Tengo en mi aplicación Bottom Tab Navigator versión 6x. Estoy buscando una solución para ocultar una barra de pestañas en una de las pantallas que uso en mi aplicación - reviewDetail.js
Aquí está mi archivo de navegación:
AppNavigator.js
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs"; import React from "react"; import about from "../screens/about"; import home from "../screens/home"; import reviewDetails from "../screens/reviewDetails"; const Tab = createBottomTabNavigator(); const AppNavigator = () => ( <Tab.Navigator> <Tab.Screen name="about" component={about} options={{ title: "About", }} ></Tab.Screen> <Tab.Screen name="home" component={home} options={{ title: "Home", }} ></Tab.Screen> <Tab.Screen name="reviewDetails" component={reviewDetails}></Tab.Screen> </Tab.Navigator> ); export default AppNavigator;aquí está mi aplicación.js
Aplicación.js
import React from "react"; import { NavigationContainer, useNavigation } from "@react-navigation/native"; import AppNavigator from "./navigation/AppNavigator"; export default function App() { return ( <> <NavigationContainer> <AppNavigator /> </NavigationContainer> </> ); } Esto es lo que tengo:
¿Qué debo cambiar en mi código para ocultar la barra de pestañas "reviewDetails"? Todavía quiero navegar para revisarDetalles porque lo uso en mi aplicación, solo necesito ocultar esta barra de pestañas.
En reaccionar navigati6.x nativo, debe usar tabBarStyle: { display: 'none' }