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