Entonces, ¿qué tipo de aplicación construiremos en este módulo aquí?
Crearemos una aplicación de comidas, una aplicación en la que podamos ver algunas recetas, algunas recetas favoritas y también recetas de filtro y
para esto en esta aplicación, necesitaremos un poco de navegación.
Tendremos nuestro encabezado allí con algún título en el medio y con un botón de menú aquí
a la izquierda que nos permite abrir un cajón
lateral al que volveré en un segundo y al final de
esta página aquí, nosotros Tendremos pestañas, tendremos dos pestañas: una para todas las comidas, todas las recetas y otra para nuestros favoritos que, por
supuesto, podremos agregar en esta aplicación.
Ahora, en esa página, tendremos una cuadrícula de categorías,
básicamente algo como comida italiana, exótica, tal vez alemana, básicamente diferentes categorías de alimentos y cuando tocamos una de
estas categorías, se nos
mostrará una segunda pantalla donde tendremos un botón de retroceso en la parte superior para
volver con otro título, el título de categoría
y en esa pantalla, tendremos las recetas.
Entonces, tendremos varias tarjetas con una imagen, un título, información adicional sobre la receta, como cuánto tiempo
lleva crearla, etc., así que cuando hacemos clic en el
botón Atrás, por supuesto llevado de vuelta aquí.
Ahora esa es una parte y ahí es donde estamos en la pestaña
all alli, así que cuando esta es la pestaña activa. Sin embargo, ahora no hemos terminado con este flujo, por supuesto, podemos
aprovechar una sola receta y eso nos llevará a otra página aquí donde podemos ver los detalles sobre esta receta.
Entonces, donde también tenemos un encabezado y una imagen de esta receta y también tenemos un
botón de retroceso que nos lleva de vuelta a esta página aquí, donde también tenemos más información
sobre la receta, como por ejemplo los ingredientes que son una lista y luego también los pasos necesarios para crear esta receta, como cortar
cebollas, etc.
Esa es la información sobre la receta que tenemos aquí y podemos volver.
Importante, también tendremos la funcionalidad para marcar una receta como favorita allí, por ejemplo, aquí en el encabezado, podríamos tener un icono
de estrella que nos permita hacer eso, bueno, esa es una estrella fea, pero eso
es algo
que podríamos tener aquí para marcar una receta como favorita y la agregaremos a esta lista de favoritos porque
esa es la otra pestaña que tenemos aquí, ¿verdad?
Esa es la segunda pestaña que tenemos aquí. Cuando presionamos esta pestaña aquí, básicamente estamos cambiando la pestaña en
esta pantalla de inicio donde tenemos
ese botón de menú, todavía tenemos nuestras pestañas aquí con todos y con favoritos,
pero ahora digamos que favoritos es la pestaña activa.
Bueno, en este caso si favoritos es la pestaña activa, entonces aquí esencialmente vemos una lista de recetas
que se parece a esta lista de recetas aquí cuando
hacemos clic en una categoría pero ahora solo con una lista de recetas con las recetas que marcamos como favorito.
Ahora todavía podemos tener una sola receta y nos llevan a la página de detalles de la receta allí arriba
y si ahora presionáramos el botón Atrás, por supuesto, volveríamos a esta
página, por lo que el botón Atrás nos lleva a diferentes páginas dependiendo de dónde venimos.
Ahora, ¿qué sucede cuando presionamos ese cajón aquí, cuando tocamos este botón de menú? ¿Qué pasa en este
caso?
Bueno, en este caso, abrimos un cajón lateral que nos permite ir a la aplicación de comidas, que al final es esta aplicación en la
que estamos comenzando, donde tenemos todos los favoritos y también la pantalla de filtros. Ahora filtros es una pantalla completamente nueva que
tenemos en esta aplicación, donde también tenemos un botón de menú para ir al
mismo menú aquí y posiblemente volver a la página de comidas y en los filtros, podemos configurar filtros como glutenFree
o vegan y Tendremos algunos interruptores aquí que nos permiten activar y desactivar estas opciones y también
tenemos un botón de guardar aquí en la parte superior que nos permite guardar nuestra selección
y luego podemos volver y las recetas que vemos aquí serán filtrado por nuestra selección en la pantalla de filtro.
Así que esta es la aplicación que estamos creando y ahora este boceto aquí muestra dos cosas: por
un lado, mis habilidades de dibujo no son tan impresionantes. Sin embargo, no debería importar demasiado porque afortunadamente no
es una clase de dibujo.
Lo más importante que muestra este boceto es que tendremos mucha navegación, tenemos pestañas, tenemos un
cajón lateral
y tenemos navegación hacia adelante y hacia atrás, así que iremos de un lado a otro entre las páginas, tendremos para cambiar el título en
el encabezado en función de a dónde vamos, tendremos que cambiar el contenido en la pantalla en
función de a dónde vamos y, por lo tanto, necesitamos una solución de navegación poderosa donde no solo
usemos si comprueba como lo hicimos hasta ahora en el curso. No solo porque sería muy engorroso de
escribir, sino también porque queremos estas hermosas animaciones, estas transiciones entre pantallas y eso es algo
que afortunadamente podemos agregar de una manera relativamente fácil.