Как убрать двойной заголовок с реагировать на навигацию?

Question

My React Native 0.61.5 использует react-navigation 5.1. Вот код навигации root:

const BTab = createBottomTabNavigator();
const Stack = createStackNavigator();
export default function App() {

  //const Appscreen = () => (<AppScreen data={data}/>);

  return (
    <NavigationContainer>
      <Stack.Navigator InitialRouteName="Splash">
        <Stack.Screen name="Splash" component={SplashScreen}}/>
        <Stack.Screen name="App" component={AppScreen} } />
      </Stack.Navigator>

    </NavigationContainer>
  );
}

Компонент AppScreen возвращает стек следующим образом:

return (
    <NavigationContainer independent={true}>
      <BTab.Navigator>
          <BTab.Screen name="Event" component={Eventstack} />
          <BTab.Screen name="Group" component={Groupstack} />
          <BTab.Screen name="Contact" component={Contactstack} />
      </BTab.Navigator>
    </NavigationContainer>
  );

Я заметил, что на экране есть двойной заголовок:

Как удалить заголовок App и сохранить только Group?

Answer 1

добавить options= {{ headerShown: false }}} с экрана, на котором вы хотите скрыть заголовок.

Для дальнейшего чтения, пожалуйста, посмотрите на https://reactnavigation.org/docs/stack-navigator/#headershown