Como les dije en el video introductorio de la sección eventualmente nosotros vamos a crear la autenticación
en nuestra aplicación y la haremos funcionar por los momentos no me interesa la autenticación entonces
en el mail vamos a cambiar en lugar de irnos al Longhi vamos a movernos al homepage directamente hagan
este pequeño cambio haga un reloj y deberían perdón vista y deberían de poder ver su página del JPG
excelente.
Ahora voy a crearme una nueva pantalla así que empeñes clic derecho nuevo archivo y en este nuevo archivo
se va a llamar producto producto y un bajo Ph.D Enter.
Esto eventualmente va a ser un widget porque necesito trabajar con un switch y otra información pero
por momentos vamos a crearlo como un estatales hasta que sea necesario.
Entonces ellos saben hay que importar primero el paquete de materia luego hay que ser St.
Les será producto dentro del método Bell.
Vamos a cambiar este retorno al container y vamos a hacer un retrato de un CAFO Punto y Coma Enter.
Va a tener su bar con su Enter.
Coloque un título a éste es CAFO a este Apar vamos a ponerle el título de hacer un tex que diga producto.
Luego podríamos cambiarle el nombre si ustedes quieren.
Adicionalmente vamos a crearnos un par de acciones.
Las acciones van a servirme para tomar la fotografía o seleccionar una fotografía existente en mi carrete
de imágenes.
Entonces Auctions Enter.
Va a ser un botón Enter dentro del botón tiene la propia Icon de hoy con su punto y búsquense uno que
diga fotos 6 2 6 8.
Eso está bien y en hombres vamos a definir el método básico.
Todavía no lo vamos a utilizar.
Koma y voy a implementar el segundo botón.
También el segundo botón va a tener el ícono punto de Camera o Cámara S. ahí está bien.
Yo tengo la página implementada pero todavía no estoy viéndola y no tengo manera de llegar a ella.
Entonces vamos a crearnos en nuestro punto de Art.
Aquí una nueva dirección o una nueva ruta a la página de producto producto déjeme arreglar estos espacios
para que se mire bien y tenga todo su sentido.
Aquí sería producto.
Hay que importar esta clase ya saben cómo hacerlo con el punto como al punto asegúrense de importarlo
perfecto y ya tengo definida mi nueva ruta grabo los cambios en el mail y los cierro.
Ahora hay que abrirse el homepage nuestro home y aquí necesito crearme de alguna manera alguna forma
de llegar a la otra pantalla.
Ahora toda esta información todo este body que yo tengo en mi JPG no me sirve para nada y lo voy a borrar.
Ok mi John Patch no va a tener eso y regresemos un container vacío temporalmente.
O sea para que quede todo vacío y coloquemos nuestro Florina Aksum Boron para navegar a la pantalla
y crear un nuevo producto.
Entonces Florina un botón y voy a crear mi un método llamado crear un botón paréntesis que voy a querer
implementar el método aunque también lo pude haber generado todo esto acá se va a llamar crear un botón
para hacer llaves en un botón de un florín Action Boron enter y este floren Action Boron va a tener
básicamente la redirección pongámosle que el chip del mismo va a ser un iPhone con su icons punto y
el hombres simplemente va a llamar el método de Navigator punto push Mayhem para ir a la siguiente página
me pide el contexto y la ruta va a ser producto la ruta que nosotros acabamos de crear me pide el contexto
entonces ustedes ya saben mi contexto voy a pedirlo con contexto lo voy a mandar desde acá.
Ok voy a grabar los cambios aquí falta un punto y coma o saber si funciona.
Aparece mi botón toco toco y no se está moviendo vamos a cerciorarnos de que el Naimi esté funcionando
ok vamos a ver si fue que le puse mal el nombre producto a producto paiche que debería funcionar cierro.
Vamos a cambiarle el color pero déjeme revisar porque no está funcionando en la empresa acá que toquemos
no está funcionando.
Vamos a ver qué sucede si tenemos algún error acá o si tenemos error y bien tenemos un error que dice
que no pueden encontrar el generador de la ruta.
Está un poquito raro.
Vamos a revisar nuestro Navigator después del contexto.
Estamos recibiendo acá.
Todo parece funcionar todo esto parece estar bien.
Revisemos nuestro aquí en nuestro Main.
Si tendríamos este mil contestaremos la ruta que es producto todo esto está bien.
Entonces antes de hacer esa prueba déjeme hacer un restart.
A ver si eso ya funciona toco.
Y ahí sí estoy navegando y tengo los dos botones.
Perfecto regreso.
Lo único que me hace falta es que ese botón sea de un color morado para mantener el estilo de la aplicación.
Entonces podía colocar aquí el color o el color de color su punto VIP.
Pero ustedes pueden poner el color que desee.
Una vez hacemos eso voy a tocar el botón de Agregar producto y hay que grabarse por lo menos un par
de campos.
Voy a cerrar el patch porque yo ya tengo la navegación y necesito trabajar en esta pantalla en el producto
aquí en mi escafoides voy a buscar donde cierra el escafoides cerrando acá entonces justo abajo de la
par voy a crear mi my body el body va a ser un single scroll View entre gente que trae su chip de un
container para hacer un par de espacios enter y dentro de esto vamos a poner un par de sets o de 15
sets o Tapp de 15 .0 pixeles.
Enter el Chile que va a tener va a ser un nuevo elemento que no hemos visto hasta el momento.
Va a ser un foro el cual ya lo vamos a explicar en detalle próximamente en los próximos videos vamos
a hablar sobre el Forum pero básicamente imagínense como si fuera un formulario HTML con ustedes hacen
el submit de un formulario HTML todos los campos internamente o internos de ese form van a ser parte
de ese mismo formulario.
Por consecuencia ustedes pueden hacer validaciones automáticas de ese formulario obtener toda la información
del mismo formulario.
Entre otras cosas que vamos a ver en breve porque entre este formulario recibe un chip que tiene que
ser obligatorio.
Este chip va a ser una columna en la cual voy a colocar la información.
Otra cosa importante del foro es que es bueno podría mentalizarse como si fuera un container pero es
un poco más elaborado porque tiene información que nos va a ayudar a validar el mismo pero ya llegaremos
a eso en su momento dentro de la columna voy a crearme sus Childrens o sea sus hijos y aquí empecemos
con crear nombre.
Va a ser un campo Koma y luego voy a crearme crear preció también creo unos estos dos métodos vamos
a implementarlos aquí al final que ambos son widgets ambos retornan widgets enrollables y aquí también
un widget espacio vamos a crear el campo del nombre para eso será un espacio Tex form file.
Este es un campo nuevo que no hemos visto a diferencia del TeX input que nosotros hemos trabajado anteriormente
ese Tex form trabaja directamente con un formulario.
No importa si está en un método independiente pero este Tex form va a ser parte de mi formulario que
tengo aquí arriba que vamos a trabajar en Bren o en otros videos un poquito más adelante pero ya llegaremos
a eso.
El textbook es cómo los textos que vimos anteriormente.
También tienen su Declaration Tapp va a ser un input de Declaration enter con su Label Tex o Claypool
Tex y póngale producto si ustedes van grabando los cambios deberían de ser capaces de ver la información
pero aquí me está marcando un error porque este otro del precio no está regresando nada.
Entonces grabemos los cambios y ahí tenemos nuestro mejor texto para poder ingresar el producto.
Adicionalmente vamos a colocar un par de cosas después en esto pero quiero el tex capitalice por lo
menos de Tex capitalización que es lo capitalice por oraciones.
Básicamente eso sería todo el campo de crear nombre ahora.
Bueno en realidad sería crear producto o nombre del producto como ustedes quieran ponerle.
Hagamos lo mismo con el precio pero el precio va a ser un poquito diferente aquí voy a poner el precio
no va a tener una capitalización pero sí debería tener lo que es un voltaje para que las personas puedan
escribir números entonces aquí sería un text input tap tap tap tap.
Aquí está puntuó Numbers perfecto y grabo los campos deberíamos de tener otra caja de texto sólo que
déjeme quitar ese comentario.
Deberíamos tener otra caja de texto acá.
Y si yo les muestro ustedes el teclado ven que aparecen los números si yo seleccionó la caja de texto
de producto ya puedo escribir aquí sólo números pero claro aquí nada me impide que yo pueda escribir
letras o ingresar otros valores que no son números.
Vamos a tener que hacer un validaciones pero estas validaciones las vamos a utilizar o las vamos a realizar
con el formulario y no directamente como lo hicimos con el patrón Blok.
Aquí les quiero enseñar otra forma de validar formularios antes de terminar la clase simplemente coloquemos
un botón que nos permita poder hacer el posteo de información aunque no haga nada.
Este método se llamará se va a llamar crear botón paréntesis.
Este método de crear el botón no existe vamos a implementarlo bajo precio.
También retorna un widget paréntesis ahora rojas de un Reise por Facebook paréntesis Enter.
Pero pongamos también hay con un poquito más bonito el iPhone va a de hoy con parentesis icons .6.
Ese disco no está bien el umpires no va a tener ningún método por los momentos.
También va a necesitar su labor que es para mostrar la información que va a ser un texto que diga guarda
Punto y Coma sigamos personalizando lo vamos a ver qué tal se ve AIPAC cambiamos la forma de un rectángulo
Border con un borde Radius y un borde Radius circular de 20.05 cambiamos del color.
Color de Colors puntuó Dip reescriben bien Colors apuntó.
Purple crear unos cambios y ya va tomando forma.
Me falta el texto de excolonias de color guay.
Ahora si grabo los cambios y el botón se viera un poquito pegado pero lo vamos a arreglar después por
los momentos hemos hecho bastantes cosas tenemos un formulario que nos sirve para absolutamente nada.
Se ve un poquito bonito y tenemos ya muchos botones.
Más adelante colocaremos la imagen y otras cosas pero por momentos me interesa que nosotros seamos capaces
de tener este formulario y antes de terminar el vídeo yo sé que creo que ya lo he dicho varias veces.
Si ustedes están viendo no puedo presionar el punto O sea no me aparece el punto tal vez dependiendo
del teclado que use.
Si lo tienen pero por defecto no me está pareciendo.
Entonces cambiemos este texto imputada por un nombre.
With Options y aquí tenemos el decimal con el que True grabo los cambios y noten que no aparece de manera
automática entonces tengo que salir del campo y volver a entrar para que ya se aplique el punto.
Ok.
Eso es básicamente todo lo que quería cubrir.
Todavía hay que hacer validaciones y otras cosas pero eso en los próximos vídeos.