react navigate的参数

React Navigation 是一个用于管理导航堆栈的库，它允许您在不同的屏幕或页面之间进行导航。在 React Navigation 中，参数是通过路由传递的。以下是一个简单的示例：

1. 首先，确保已经安装了 `react-navigation`：

```bash

npm install @react-navigation/native

```

2. 然后，创建一个简单的应用程序，其中包含两个屏幕：HomeScreen 和 DetailsScreen。在 HomeScreen 中，我们将创建一个按钮，当用户点击该按钮时，将导航到 DetailsScreen，并传递一个参数。

```javascript

//

import React from 'react';

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

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

const Stack = createStackNavigator();

function HomeScreen({ navigation }) {

return (

title="Go to Details"

onPress={() => te('Details', { user: 'John Doe' })}

/>

);

}

function DetailsScreen({ route }) {

const { user } = ;

return (

User: {user}

);

}

export default function App() {

return (

< name="Home" component={HomeScreen} />

< name="Details" component={DetailsScreen} />

);

}

```

在这个示例中，我们使用 `createStackNavigator` 创建了一个堆栈导航器，并定义了两个屏幕：HomeScreen 和 DetailsScreen。在 HomeScreen 中，我们创建了一个按钮，当用户点击该按钮时，将调用 `te` 方法导航到 DetailsScreen，并传递一个名为

`user` 的参数。在 DetailsScreen 中，我们从路由参数中获取 `user` 值，并在屏幕上显示它。