Кажется, я не могу найти ничего актуального об изменении экранов с помощью кнопки заголовка. Поэтому мне интересно, какой правильный синтаксис для кнопки заголовка для изменения экрана в настоящее время. Я определил свой заголовок в моем файле кода стека навигации, где я делаю заголовок, но я не могу понять, как получить навигационную опору и быть в состоянии вызвать его в заголовке. в некоторых ответах говорится, что нужно использовать параметры навигации или сделать это stati c, но из документации (которая никогда не объясняет, как это сделать) нет ничего в правильной версии о параметрах навигации, поэтому я думаю, что они удалены. Кроме того, когда я пытаюсь код ничего не работает. Спасибо за вашу помощь и, надеюсь, я смогу получить ответ или узнать, какой будет правильный синтаксис.
Вот моя текущая версия моего кода. он говорит, что навигация не является функцией, когда я нажимаю кнопку:
import React from 'react';
import {Button} from 'react-native';
import {createStackNavigator} from '@react-navigation/stack';
import {NavigationContainer} from '@react-navigation/native';
import Home from '../Views/Home';
import AddTask from '../Views/AddTask';
const Stack = createStackNavigator();
const HomeStack = ({navigate}) => {
return (
<NavigationContainer>
<Stack.Navigator initialRouteName="Home">
<Stack.Screen
name="Home"
component={Home}
options={{
headerStyle: {backgroundColor: 'darkslateblue'},
headerRight: () => (
<Button
onPress={() => navigate('Add Task')}
title="Add Task"
color="#000000"
/>
),
}}
/>
<Stack.Screen
name="Add Task"
component={AddTask}
options={{
headerStyle: {backgroundColor: 'darkslateblue'},
}}
/>
</Stack.Navigator>
</NavigationContainer>
);
};
export default HomeStack;