Pasar parámetros a un Screen o pantalla en React Native

Tiempo de lectura: < 1 minuto

Si queremos pasar parámetros entre pantallas con React Native tenemos que hacer lo siguiente.

Primero en la pantalla dónde hemos creado el NavigationContainer (puede ser un Tab Navigator o Stack Navigation). Buscamos el Screen al que queremos pasar parámetros y añadimos lo siguiente:

<Tab.Screen name="Perfil" component={Perfil} options={{ headerShown: false }} initialParams={{parametroPasar: "Hola soy un parámetro"}} />

Y para recogerlo en la pantalla en este caso Perfil.js. Tendremos que ir al render y añadir lo siguiente:

const Perfil = (props) => {

    const parametro = props.route.params.parametroPasar;
    alert(parametro);

Y en el alert podemos ver que nos devuelve el parámetro pasado.

Deja un comentario