es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

React Navigation pasando parámetros a Stack.

27 May, 2023 Programación

Tengo el siguiente código a continuación:

La función OrderStackComponent retorna un Stack.Navigator. Quiero pasar un parámetro a OrderStackComponent para poder usar esa función como su initialParams, sin embargo cuando intento usar OrderStackComponent("Mi Parámetro") devuelve un error que dice:

Obtuve un valor no válido para la propiedad 'component' para la pantalla 'InProgressTab'. Debe ser un componente React válido.

El error es bastante comprensible, es solo que SÍ estoy pasando un componente React válido. Creo que debo estar perdiendo algo.

Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    El problema probablemente tenga que ver con cómo se llama a OrderStackComponent dentro de OrderTopTabs.

    En lugar de llamarlo como una función con un parámetro de estado, debería ser llamado usando el hook React.useMemo para memorizar el componente y pasar el estado como una propiedad. Aquí hay un ejemplo de cómo modificar OrderTopTabs para lograr esto:

    const OrderTopTabs = () => {
  const orderStackComponentMemo = React.useMemo(() => <orderstackcomponent status="Mi parámetro"></orderstackcomponent>, []);

  return <toptabs.navigator>
    <toptabs.screen name="InProgressTab" component="{orderStackComponentMemo}" options="{{" title:="" "en="" progreso"="" }}/="">
    <toptabs.screen name="CompletedTab" component="{orderStackComponentMemo}" options="{{" title:="" "completado"="" }}/="">
    <toptabs.screen name="CancelledTab" component="{orderStackComponentMemo}" options="{{" title:="" "cancelado"="" }}/="">
  </toptabs.screen></toptabs.screen></toptabs.screen></toptabs.navigator>
}

    Esto debería permitir que OrderStackComponent reciba la propiedad de estado sin causar un error.

Comments are closed.