主页 / coding / 问题 / 79414336
Accepted
Bawenang Rukmoko Pardian Putra
Asked: 2025-02-05 17:55:28 +0800 CST

导航到另一个屏幕时如何传递多个参数？

  • 772

我仍在学习 React Native，并且无法使用一些参数导航到屏幕。我知道要将参数传递到另一个屏幕，我们可以这样做：

/item/[id].jsx

const ItemDetailsScreen = () => {
    const { id } = useLocalSearchParams();
    return (
        <View ...>
             ...
        </View>
    );
};

在上一个屏幕中我们只需调用：router.push(``/item/${id}``)

现在，如果我需要传递两个参数该怎么办：id和name？

谢谢。

javascript

2 个回答

  1. 您可以这样做，因为您使用的是 Native

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

const Screen1 = () => {
  const navigation = useNavigation();

  const navigateToScreen2 = () => {
    navigation.navigate('Screen2', {
      param1: 'value1',
      param2: 'value2',
    });
  };

  return (
    <View>
      <Button title="Go to Screen2" onPress={navigateToScreen2} />
    </View>
  );
};

    • 3
  2. Best Answer

    您可以在对象中传递名称params：

    router.push(`/item/${id}`, { params: { name } })
    • 1

相关问题