问无法组合导航器

EN

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { createStackNavigator } from '@react-navigation/stack'
import * as React from 'react';

import TabBarIcon from '../components/TabBarIcon';
import HomeScreen from '../screens/HomeScreen';
import OffresScreen from '../screens/OffresScreen';
import PlusScreen from '../screens/PlusScreen';
import CGUScreen from '../screens/CGUScreen';
import { NavigationContainer } from '@react-navigation/native';

const BottomTab = createBottomTabNavigator();
const CGUStack = createStackNavigator();

export default function BottomTabNavigator({ navigation, route }) {

  navigation.setOptions({ headerTitle: getHeaderTitle(route) });

  function CGUStackScreen() {
   return (
     <NavigationContainer independent={true}>
      <CGUStack.Navigator initialRouteName="Plus">
        <CGUStack.Screen name="Plus" component={PlusScreen} />
        <CGUStack.Screen name="CGU" component={CGUScreen} />
      </CGUStack.Navigator>
    </NavigationContainer>
    );
  }

  return (
    <BottomTab.Navigator initialRouteName={'Home'}>
      <BottomTab.Screen
        name="Home"
        component={HomeScreen}
        options={{
          title: 'Catalogues',
          tabBarIcon: ({ focused }) => <TabBarIcon focused={focused} name="md-book" />,
        }}
      />
      <BottomTab.Screen
        name="Offres"
        component={OffresScreen}
        options={{
          title: 'Offres',
          tabBarIcon: ({ focused }) => <TabBarIcon focused={focused} name="md-flash" />
        }}
      />
      <BottomTab.Screen
        name="Plus"
        component={CGUStackScreen}
        options={{
          title: 'Plus',
          tabBarIcon: ({ focused }) => <TabBarIcon focused={focused} name="md-menu" />,
          navigationOptions: {
            headerMode: 'none',
          }
        }}
      />
    </BottomTab.Navigator>
  );
}

function getHeaderTitle(route) {
  const routeName = route.state?.routes[route.state.index]?.name ?? 'Home';

  switch (routeName) {
    case 'Home':
      return 'Catalogues';
    case 'Plus':
      return 'Plus';
    case 'Offres':
      return 'Offres';
    case 'CGU':
      return 'CGU';
  }
}

const Stack = createStackNavigator();
<NavigationContainer linking={LinkingConfiguration}>
 <Stack.Navigator>
  <Stack.Screen name="Root" component={BottomTabNavigator} />
 </Stack.Navigator>
</NavigationContainer>