React navigation 5错误绑定元素“navigation”隐式具有“any”类型.ts

React Navigation是一个用于在React Native应用程序中实现导航的流行库。它提供了一个简单而强大的方式来管理应用程序中不同屏幕之间的导航。然而，在React Navigation 5中，有一个常见的错误是将元素“navigation”隐式具有“any”类型。本文将探讨这个错误的原因以及如何解决它。

jsx
import React from 'react';
import { Button } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
const Stack = createStackNavigator();
const HomeScreen = ({ navigation }) => {
  return (
          title="Go to Details"
      onPress={() => navigation.navigate('Details')}
    />
  );
};
const DetailsScreen = () => {
  return (
    Details Screen
  );
};
const App = () => {
  return (
    
      
        
        
      
    
  );
};
export default App;

jsx
import { StackNavigationProp } from '@react-navigation/stack';
// ...
type HomeScreenProps = {
  navigation: StackNavigationProp;
};
const HomeScreen: React.FC = ({ navigation }) => {
  // ...
};