Проблема с отображением заголовка заголовка экрана, отображаемого так же, как имя элемента ящика, выбранного в боковом меню - PullRequest
0 голосов
/ 13 марта 2020

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

Я реализую боковое меню в собственном реактивном проекте, используя выдвижной навигатор реагирующей навигации и показываю экран, выбранный в стороне меню непосредственно на главном экране путем изменения компонента, отображаемого на главном экране, вместо перехода к этому экрану. Моя проблема заключается в том, что при попытке установить заголовок заголовка главного экрана на имя выбранного элемента ящика с использованием 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>
       );
      }
...