La realización de esta práctica ha transcurrido con normalidad, no nos hemos encontrado con ningún error en el código. A continuación escribimos una breve reflexión sobre los componentes utilizados.
Comenzamos hablando por el NavigationContainer: dada la cercanía temporal con las clases de bootstrap y react podemos encontrar similitud con el NavBar de bootstrap y los Routes de react. El componente NavigationContainer actúa como un header que nos permite movernos entre pantallas.
Continuamos ahora con Screens: continuando con los símiles, este componente podemos asemejarlo a los NavItems de react. En el caso de nuestra aplicación, podemos encontrar dos Screens, la primera de ellas es una página de inicio en la que podemos encontrar todas las excursiones. Hasta ahora, si pulsábamos una de ellas se nos desplegaba la descripción de la propia excursión en la misma pantalla en la que encontrábamos el listado de las excursiones, con el uso de NavigationContainer y Screens, al pulsar sobre una excursión nos movemos a una segunda pantalla en la que podremos encontrar la descripción de la excursión. Esta funcionalidad la conseguimos con la propiedad route.
Desde DetalleExcursionComponent se recibe el id de la excursión con "this.props.route.params" habiéndose enviado previamente a este componente con "navigate()".
Duración estimada: 45 minutos Duración real: 30 minutos
La realización de esta práctica ha transcurrido con normalidad, no nos hemos encontrado con ningún error en el código. A continuación escribimos una breve reflexión sobre los componentes utilizados. Comenzamos hablando por el NavigationContainer: dada la cercanía temporal con las clases de bootstrap y react podemos encontrar similitud con el NavBar de bootstrap y los Routes de react. El componente NavigationContainer actúa como un header que nos permite movernos entre pantallas. Continuamos ahora con Screens: continuando con los símiles, este componente podemos asemejarlo a los NavItems de react. En el caso de nuestra aplicación, podemos encontrar dos Screens, la primera de ellas es una página de inicio en la que podemos encontrar todas las excursiones. Hasta ahora, si pulsábamos una de ellas se nos desplegaba la descripción de la propia excursión en la misma pantalla en la que encontrábamos el listado de las excursiones, con el uso de NavigationContainer y Screens, al pulsar sobre una excursión nos movemos a una segunda pantalla en la que podremos encontrar la descripción de la excursión. Esta funcionalidad la conseguimos con la propiedad route. Desde DetalleExcursionComponent se recibe el id de la excursión con "this.props.route.params" habiéndose enviado previamente a este componente con "navigate()".