Проблема с отображением заголовка заголовка экрана, отображаемого так же, как имя элемента ящика, выбранного в боковом меню

Question

Фактическое поведение:

Я реализую боковое меню в проекте, поддерживающем реакцию, используя навигатор по выдвижным ящикам для реакции-навигации и показываю экран, выбранный в боковом меню, непосредственно на главном экране, изменяя компонент, отображаемый на главном экране, вместо перехода на этот экран. Моя проблема заключается в том, что когда я пытаюсь установить заголовок заголовка домашнего экрана на имя элемента ящика, выбранного с помощью navigation.setParams(), и извлекаю заголовок в навигаторе ящика, вложенном в навигатор стека, с помощью route.params, я получаю маршрут ошибки не определен.

Ожидаемое поведение:

Мне нужно реализовать боковое меню на главном экране с помощью навигатора ящика для реакции-навигации и изменить заголовок заголовка домашнего экрана на имя экрана, выбранного в боковом меню. Может кто-то помочь мне, пожалуйста. Заранее спасибо.

Окружающая среда:

react-native: 0.60.3
@react-navigation/native: ^5.0.7
@react-navigation/drawer: ^5.0.7
@react-navigation/stack: ^5.0.8

Код:

Установка заголовка заголовка:

constructor(props) {
  super(props);
  this.props.navigation.setParams({
     name: this.props.route.params.name
  )};
}

Получение заголовка заголовка:

 const Stack = createStackNavigator();
   const Drawer = createDrawerNavigator();
   const drawerComponent = () => 
         <Drawer.Screen name="Home Screen" 
             component={HomeScreen} />;
    const App = () => {
      return(
        <NavigationContainer>
          <Stack.Navigator>
            <Stack.Screen name="Home Screen" 
             component={drawerComponent} 
             options={({route}) => title: route.params.name} />
            </Stack.Navigator>
        </NavigationContainer>
       );
      }