Проблема с React Navigation 5 в React Native - HeaderShown: ложно, не скрывать заголовок

Question

Так что я бездельничал в реактивном родном языке и заметил, что команда expo init теперь запускает более новую базовую кодовую базу. У меня есть проблема, связанная с тем, что заголовок не скрывается, когда мы используем опору hederShown в опциях компонента навигатора.

import * as React from "react";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import TabBarIcon from "../components/TabBarIcon";
import HomeScreen from "../screens/HomeScreen";
import LinksScreen from "../screens/LinksScreen";

const BottomTab = createBottomTabNavigator();
const INITIAL_ROUTE_NAME = "Home";

export default function BottomTabNavigator({ navigation, route }) {
  // navigation.setOptions({
  //   headerShown: false
  // });

  return (
    <BottomTab.Navigator initialRouteName={INITIAL_ROUTE_NAME}>
      <BottomTab.Screen
        name="Home"
        component={HomeScreen}
        options={{
          headerShown: false,
          tabBarIcon: ({ focused }) => (
            <TabBarIcon focused={focused} name="md-code-working" />
          )
        }}
      />
      <BottomTab.Screen
        name="Links"
        component={LinksScreen}
        options={{
          headerShown: false,
          tabBarIcon: ({ focused }) => (
            <TabBarIcon focused={focused} name="md-book" />
          )
        }}
      />
    </BottomTab.Navigator>
  );
}

Приведенный выше код - это различные методы, которые я пытался применить, показанный заголовок I также попытался сделать это более старым способом, создав метод stati c для параметров навигации в каждом из компонентов страницы, который, похоже, не работает, и что раздражает, так это то, что документы предложили применить его к навигатору, это способ использовать его в этом версия реакции-навигации.

Компонент домашней страницы выглядит так

export default function HomeScreen() {
  return <View style={styles.container}></View>;
}

HomeScreen.navigationOptions = {
  headerShown: false
};

И страница ссылок выглядит практически идентично минус функция рендеринга.

Любая помощь будет оценили. Крис.

Answer 1

Для всех экранов в этом стеке

<LoggedStack.Navigator
    screenOptions={{ headerShown: false}} >
        <LoggedStack.Screen name='Dash' component={MyDrawer} />
        <LoggedStack.Screen name="Login" component={Login} />
</LoggedStack.Navigator>

Для спецификаций c Экран

<Drawer.Screen name="Dept" component={DepartMentScreen} options={{ headerShown: false}} />

Answer 2

Таким образом, как оказалось, новый базовый код создает навигатор стека, который ссылается на экран с помощью навигатора нижней вкладки, применяя заголовок, показанный в виде навигатора стека, отключая заголовки на страницах

<Stack.Navigator screenOptions={{ headerShown: false }}>