La realización de la práctica ha transcurrido sin apenas problemas. El único problema que nos ha ralentizado el desarrollo de la práctica lo hemos podido solucionar gracias a un comentario de nuestros compañeros en Teams. A continuación comentamos los principales pasos seguidos en la realización de esta práctica.
Comenzamos hablando sobre la sección de contacto. Para desarrollar este apartado hemos definido en un json el contenido del mismo y, siguiendo el mismo esquema que en DetalleExcursionComponente.js, hemos creado el componente.
Continuamos con la sección quiénes somos. El apartado de historia dentro de esta sección lo hemos creado de forma similar a contacto. Para poder contar también con el apartado de actividades hemos seguido el siguiente esquema:
Hemos creado un ScrollView que engloba tanto al apartado de historia como a las actividades. Este elemento nos permite hacer scroll en la pantalla y que todos los componentes que se encuentran dentro de el se muevan. Dentro de este elemento hemos incluido el componente Historia y a continuación un Card. Dentro de este Card hemos incluido un FlatList en el que hemos incluido todas las actividades, cada una de ellas con un ListItem. La definición de este FlatList, que por defecto permite hacer scroll dentro de el, entraba en conflicto con el ScrollView que habíamos incluido previamente. La solución a este error la hemos podido encontrar en el grupo de Teams.
Para poder visualizar lo añadido hasta ahora dentro de la app, hemos añadido nuevas screens dentro del navegador.
Por último, hemos modificado los estilos de DetalleExcursionComponente y HomeComponente. Para ello, hemos tenido que añadir una constante styles en la que hemos definido las características que queríamos que tuviera el texto. Una vez hecho esto, el título de la excursión quedaba por encima de la imagen, por lo que hemos tenido que modificar el orden de los elementos para que el texto pudiera quedar superpuesto a la imagen.
Duración estimada: 1.5 horas Duración real: 1.5 horas
La realización de la práctica ha transcurrido sin apenas problemas. El único problema que nos ha ralentizado el desarrollo de la práctica lo hemos podido solucionar gracias a un comentario de nuestros compañeros en Teams. A continuación comentamos los principales pasos seguidos en la realización de esta práctica. Comenzamos hablando sobre la sección de contacto. Para desarrollar este apartado hemos definido en un json el contenido del mismo y, siguiendo el mismo esquema que en DetalleExcursionComponente.js, hemos creado el componente. Continuamos con la sección quiénes somos. El apartado de historia dentro de esta sección lo hemos creado de forma similar a contacto. Para poder contar también con el apartado de actividades hemos seguido el siguiente esquema: Hemos creado un ScrollView que engloba tanto al apartado de historia como a las actividades. Este elemento nos permite hacer scroll en la pantalla y que todos los componentes que se encuentran dentro de el se muevan. Dentro de este elemento hemos incluido el componente Historia y a continuación un Card. Dentro de este Card hemos incluido un FlatList en el que hemos incluido todas las actividades, cada una de ellas con un ListItem. La definición de este FlatList, que por defecto permite hacer scroll dentro de el, entraba en conflicto con el ScrollView que habíamos incluido previamente. La solución a este error la hemos podido encontrar en el grupo de Teams. Para poder visualizar lo añadido hasta ahora dentro de la app, hemos añadido nuevas screens dentro del navegador. Por último, hemos modificado los estilos de DetalleExcursionComponente y HomeComponente. Para ello, hemos tenido que añadir una constante styles en la que hemos definido las características que queríamos que tuviera el texto. Una vez hecho esto, el título de la excursión quedaba por encima de la imagen, por lo que hemos tenido que modificar el orden de los elementos para que el texto pudiera quedar superpuesto a la imagen.