小编abe*_*bet的帖子

React Navigation 5 - 如何从 headerRight 导航?

我仍然试图理解这个反应导航 5.0。仅供参考,我正在使用 expo,现在从一个页面导航到另一个页面没有问题,问题是当我为 headerRight 放置导航时。我将 headerRight 放在 Stack.Navigator 中,因为我希望可以从其他屏幕访问此按钮。

所以基本上问题是,我想在 headerRight 中放置注销按钮,但是当我尝试放置 navigation.navigate 时,它​​认为 undefined 不是一个对象(评估“_this.props”)

然后我尝试调用一个函数(handleClick),问题是 undefined 也不是一个对象。

我可以知道我的代码有什么问题吗?

以下是我的完整代码:

import * as React from 'react';
import { Button, View, Text, TextInput, Image, StyleSheet } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

import LoginScreen from './src/pages/auth/Login';
import HomeScreen from './src/pages/auth/HomeScreen';

const Stack = createStackNavigator();


export default function App() {

  // handleClick = () => {
  //   this.props.navigation.navigate('Login');
  // }

  return (
    <NavigationContainer> …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native expo react-navigation-v5

5
推荐指数
2
解决办法
3953
查看次数

标签 统计

expo ×1

react-native ×1

react-navigation-v5 ×1

reactjs ×1