导航到NavigationContainer中的另一个堆栈组

件时，如何在React Navigation中传递参数？

在React Navigation中，可以通过导航器的navigate方法传递参数到另一个堆栈组件。以下是传递参数的步骤：

首先，确保你已经安装了React Navigation库，并在你的应用程序中导入所需的组件和函数。

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

创建一个堆栈导航器。

const Stack = createStackNavigator();

在堆栈导航器中定义你的屏幕组件。

function ScreenA({ navigation }) {
  return (
    <Button
      title="Go to Screen B"
      onPress={() => navigation.navigate('ScreenB', { param1: 'Hello', param2: 'World' })}
    />
  );
}

function ScreenB({ route }) {
  const { param1, param2 } = route.params;

  return (
    <View>
      <Text>{param1}</Text>
      <Text>{param2}</Text>
    </View>
  );
}

在导航容器中使用堆栈导航器。

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="ScreenA" component={ScreenA} />
        <Stack.Screen name="ScreenB" component={ScreenB} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

在上述代码中，ScreenA组件中的按钮被点击时，会导航到ScreenB组件，并通过navigation.navigate方法传递了参数{ param1: 'Hello', param2: 'World' }。在ScreenB组件中，可以通过route.params获取传递的参数。

这是一个简单的示例，你可以根据实际需求传递任意类型的参数。如果需要传递更复杂的对象或函数，可以使用JSON.stringify和JSON.parse进行序列化和反序列化。

对于React Navigation，腾讯云提供了一些相关产品和服务，例如：