如何在功能组件中使用navigation.navigate将参数传递给另一个功能组件

在React Native中，可以使用navigation.navigate方法将参数传递给另一个功能组件。navigation.navigate是React Navigation库提供的一个方法，用于导航到另一个屏幕并传递参数。

以下是如何在功能组件中使用navigation.navigate将参数传递给另一个功能组件的步骤：

首先，确保你已经安装并配置了React Navigation库。可以使用以下命令安装React Navigation库：
首先，确保你已经安装并配置了React Navigation库。可以使用以下命令安装React Navigation库：
然后，根据你的导航需求，选择安装适当的导航器，例如Stack Navigator、Tab Navigator等。安装命令示例：
然后，根据你的导航需求，选择安装适当的导航器，例如Stack Navigator、Tab Navigator等。安装命令示例：
在需要传递参数的功能组件中，导入useNavigation钩子函数：
在需要传递参数的功能组件中，导入useNavigation钩子函数：
在组件中调用useNavigation钩子函数获取navigation对象：
在组件中调用useNavigation钩子函数获取navigation对象：
使用navigation.navigate方法导航到另一个功能组件，并传递参数。例如，假设你要导航到名为DetailsScreen的组件，并传递一个名为itemId的参数：
使用navigation.navigate方法导航到另一个功能组件，并传递参数。例如，假设你要导航到名为DetailsScreen的组件，并传递一个名为itemId的参数：
在上述示例中，DetailsScreen是目标组件的名称，{ itemId: 123 }是要传递的参数对象。
在目标组件中，可以通过route.params来获取传递的参数。例如，在DetailsScreen组件中：
在目标组件中，可以通过route.params来获取传递的参数。例如，在DetailsScreen组件中：
在上述示例中，通过route.params获取传递的参数对象，并从中提取itemId参数。