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

route: RouteProp<{ params: { icon: ICON_TYPE } }, 'params'>

我最近也遇到了同样的问题，我想出了这个，它似乎工作得很好。

正确的做法是用params定义一个类型，并在创建导航器时将其作为类型参数发送。

type TabNavigatorParamList = {
  EventListView: { icon: string }
  CreateEvent: { icon: string }
}

const Tab = createBottomTabNavigator<TabNavigatorParamList>(); //*

*我假设您的Tab组件是一个BottomTabNavigator，但是无论您使用哪种create{whatever}Navigator，都可以使用相同的代码。
就像你的Tab.Navigator和Tab.Screen将有正确的类型为他们的route属性。
文档中有更多的信息，以及更高级的情况，如注解钩子和嵌套导航器。

我认为您可以使用以下语法：

name={route.params?.icon}

否则，请使用：

name={route.params?.icon ?? 'defaultName'}

根据文档，此语法可防止在某些情况下未定义参数，并在params.someParam未定义或为空时提供默认值。
有关详细信息，请阅读此处：https://reactnavigation.org/docs/upgrading-from-4.x/#no-more-getparam。

现在在官方文件中解释得很好，效果很好。
阅读文档：https://reactnavigation.org/docs/typescript/#type-checking-the-navigator
下面快速浏览一下它可能的样子：

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

type RootStackParamList = {
   Home: undefined;
   Profile: { userId: string };
   Feed: { sort: 'latest' | 'top' } | undefined;
};

const RootStack = createStackNavigator<RootStackParamList>();

<RootStack.Navigator initialRouteName="Home">
   <RootStack.Screen name="Home" component={Home} />
   <RootStack.Screen
      name="Profile"
      component={Profile}
      initialParams={{ userId: user.id }}
   />
   <RootStack.Screen name="Feed" component={Feed} />
</RootStack.Navigator>

然后对组件进行类型检查：

interface Props extends NativeStackScreenProps<RootStackParamList, 'Profile'> {
    // other props ...
}

const ProfileScreen: React.FC<Props> = ({ route, navigation }) => {
   // ...
}