获取TypeError: undefined is not an object for

Question

我正在开发一个应用程序，我想导航到不同的屏幕。我正在使用 React Navigation 来执行此操作，但是当我尝试使用 navigation.navigate 时出现错误TypeError: undefined is not an object (evaluating 'navigation.navigate') 。

我所有的屏幕都在一个屏幕文件夹中，这里是文件分支的样子。

文件分支

这是我在 App.js 中制作导航容器和堆栈导航器的代码。

import React from 'react';

import { StyleSheet, Text, View } from 'react-native';

import Home from './Screens/Home';

import NewDaignosis from './Screens/NewDaignosis';

import DaignosisList from './Screens/DaignosisList';

import { NavigationContainer } from '@react-navigation/native';

import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

export default function App() {

  return (

    <NavigationContainer>

      <Stack.Navigator initalRouteName="Home">

        <Stack.Screen name="Home" component={Home}/>

        <Stack.Screen name="New Daignosis" component={NewDaignosis}/>

        <Stack.Screen name="Daignosis List" component={DaignosisList}/>

      </Stack.Navigator>

    </NavigationContainer>

  );

}

GeneralButton 只是我创建的可以重复使用的通用可触摸不透明元素。

我正在移动的屏幕也只是空页面 atm。

如果需要任何说明，请告诉我。

谢谢！

Answer 1

你的代码有错误。

const Home = (props, { navigation })

navigation属于props，所以需要这么写。

const Home = ({ navigation, ...props })