导航未在本机反应中定义

1 reactjs react-native

我对我的代码有一些疑问,我想使用以下代码导航到 createMeetup 屏幕,但它有错误。

在此输入图像描述

错误是这样的:

在此输入图像描述

这是我的导航器:

在此输入图像描述

需要帮助,非常感谢!

abh*_*ish 6

如果您正在搜索此内容,请记住现在我们有来自导航的挂钩。

import * as React from 'react';
import { Button } from 'react-native';
import { useNavigation } from '@react-navigation/native';

const NextPageButton = ()=>{
  //use navigation hook shown as below
  const navigation = useNavigation();

  return (
    <Button
      title="Naigate to next page"
      onPress={() => {
        navigation.navigate('MyNextPage'); 
      }}
    />
  );
}

export default NextPageButton
Run Code Online (Sandbox Code Playgroud)

“MyNextPage”指的是导航路线中的“name”属性。访问文档