react导航v5中重用屏幕的正确Typescript类型

import React from 'react';

type HomeScreenProps = {
  // 定义组件的属性类型
  title: string;
};

const HomeScreen: React.FC<HomeScreenProps> = ({ title }) => {
  return <div>{title}</div>;
};

export default HomeScreen;

import React from 'react';

type ProfileScreenProps = {
  // 定义组件的属性类型
  username: string;
};

class ProfileScreen extends React.Component<ProfileScreenProps> {
  render() {
    const { username } = this.props;
    return <div>{username}</div>;
  }
}

export default ProfileScreen as React.ComponentType<ProfileScreenProps>;

import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import HomeScreen from './HomeScreen';
import ProfileScreen from './ProfileScreen';

const Stack = createStackNavigator();

const AppNavigator: React.FC = () => {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Home" component={HomeScreen} />
      <Stack.Screen name="Profile" component={ProfileScreen} />
    </Stack.Navigator>
  );
};

export default AppNavigator;