Início / coding / Perguntas / 79414336
Accepted
Bawenang Rukmoko Pardian Putra
Asked: 2025-02-05 17:55:28 +0800 CST

Como passar mais de um parâmetro ao navegar para outra tela?

  • 772

Ainda estou aprendendo React Native e estou preso em navegar para uma tela com alguns parâmetros. Sei que para passar um parâmetro para outra tela podemos fazer assim:

/item/[id].jsx

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

E na tela anterior nós apenas chamamos:router.push(``/item/${id}``)

Agora, e se eu precisar passar dois parâmetros: ide name?

Obrigado.

javascript

2 respostas

  1. Você pode fazer isso porque está usando o 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

    Você pode passar o nome no paramsobjeto:

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

relate perguntas