导航未在本机反应中定义

Question

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

错误是这样的：

这是我的导航器：

需要帮助，非常感谢！

Answer 1

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

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

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