在 React Native 中输入 - “绑定元素‘导航’隐式具有‘任意’类型.ts(7031)”

Question

对于编程来说并不陌生，但对于应用程序开发和反应式本机来说却是新手。我已经搜索了近四个小时来解决这个问题。我意识到有很多这样的问题，但这不是重复的，因为任何工作代码都不适用于我的。

我按照本教程进行操作，但 VS code 给了我错误。即，与 .tsx 屏幕文件中的文本和按钮导入相关。以下代码不断给我一个错误：

const HomeScreen = ({ navigation }) => {
    return (
      <Button
        title="Go to Jane's profile"
        onPress={() =>
          navigation.navigate('Profile', { name: 'Jane' })
        }
     />
   );
};

错误：绑定元素“navigation”隐式具有“any”类型。ts(7031)

据我所知，这与语言输入有关，因为类型尚未声明，所以我无法使用代码。问题是，我已经按照教程进行操作，搜索了许多不同的网站和一些不同的教程，但我无法使其正常工作。

我已经在第一行尝试了所有这些变体：

const HomeScreen = ({ navigation.navigate ) => {
const HomeScreen = ({ navigation } : Navigator) => {
const HomeScreen = ({ navigation NavigationContainer}) => {
const HomeScreen = ({ navigation = NavigationAction}) => {
const HomeScreen = ({ }) => {

所以我尝试了很多不同的变体来尝试解决这个问题。老实说，我真的很困惑，在尝试按照教程进行操作并在网上找不到答案后，我真的不知道该怎么办。我确信语法有一些非常明显的错误，但作为该语言的新手，我不知道如何发现它。谢谢。

Answer 1

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

...

const HomeScreen = ({ navigation }:StackScreenProps<{Profile: any}>) => {