Измените экран с помощью кнопки заголовка в последней версии реакции-навигации v5.0 - PullRequest
0 голосов
/ 02 апреля 2020

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