Блог

У меня в нижней вкладке приложения есть навигатор версии 6x. Я ищу решение, как скрыть панель вкладок на одном из экранов, которые я использую в своем приложении — reviewDetail.js

Вот мой навигационный файл:

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;
 

вот мой app.js

App.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>
    </>
  );
}
 

Вот что у меня есть:

И что я хочу показать:

Что я должен изменить в своем коде, чтобы скрыть панель вкладок «Детали обзора»? Я все еще хочу перейти к деталям обзора, потому что я использую его в своем приложении, мне нужно только скрыть эту панель вкладок.

В react native navigati6.x на вы должны использовать tabBarStyle: { display: 'none' }

Переключить панель вкладок