Vamos a trabajar ahora con la página de las alertas.
Entremos a ella y lancemos una alerta aquí.
La ventaja de las alertas en Flores es que les permite a ustedes tener un grandísimo control sobre el
contenido que presentan las mismas.
Ya lo vamos a ver entonces abramos el alerta Peach ya la teníamos creada de hecho y teníamos ese botón
este botón.
Si quieren lo vamos a dejar porque ahí está nuestra instrucción para cerrar este pantalla vamos a definirnos
un body un body a nuestros CAFO que va a tener lo siguiente con lo que hemos todo esto centrado.
Adicionalmente vamos a poner un chalet que tiene un Reise Boron tap enter el chile base un texto que
diga mostrar alerta los cambios deberían aparecer ahí.
Okay Enter.
Vamos a ponerle un color que sea un colos punto Blu.
Hay una manera de hacerlo.
Toda la aplicación temática esa la vamos a ver en breve que voy a grabar los cambios que empezó acá.
No se están aplicando porque necesito poner el hombres en definir el método grabo los cambios.
Por eso es que no aparecía y me falta el color de la letra text color para que sea un color blanco en
sus colores.
.40 debería de verse mejor y aprovechando aprovechandose que la clase pasada trabajamos con el Chap
pero el botón también tiene el Yaap y este Yap puedo decirle que sea tipo Trivium Bordet nada más.
Eso de hacer que el botón tenga los bordes redondeados también de esa manera se ve muy bonito.
Eso es todo lo que yo quiero hacer es que cuando toque este botón se dispare esa alerta.
Entonces no voy a poner todo el código acá porque sería un poco saturarlo demasiado.
Entonces justo después del Bildt crearé un método que no regresa nada y se va a llamar mostrar alerta
o estar alerta no recibe ningún argumento por momentos aunque sí lo vamos a necesitar y aquí necesitamos
llamar el método llamado Sow Dialog dice puntico.
Si dejamos el mouse encima es una clase que tiene mi arguments y entre ellos tenemos el contexto tenemos
acá si se puede cerrar de forma automática o si se puede cerrar haciendo click afuera.
Eso significa el vanguardismo Szabó que por defecto es cero.
Eso lo vamos a poner en falso para que vamos a probar las dos cosas y recibí un widget y luego tenemos
un Kovac que regresa a un feo Chory y bueno varias cosas.
Vamos a trabajar con ese show lo uso ahora complicado pero todo paso a paso.
Empezamos definiendo el context porque es obligatorio el context tenemos que enviarlo y el context tiene
que ser el contexto de nuestra página o sea éste video context como no lo tenemos en nuestra función
tendríamos que mandarlo como argumento aquí en el Empress.
Entonces aquí vamos a llamar el mostrar Alert pero tenemos que mandar un argumento ok.
En teoría si no recibiéramos nada lo ejecutamos así pero como quiero mandar el context como argumento
entonces no me salvo y tengo que poner aquí la función de flecha.
Aquí sería el contexto y ahí está bien claro me está marcando un error porque yo lo tengo que recibir
Acá un video context llamado context.
Por consecuencia aquí ya puedo mandar el contexto simplemente lo que estoy haciendo es pasandolo mi
función que acabo de crear.
Ok a mi método perfecto sigamos viendo cómo voy a dejar el barrio dinamizarlo en Truc por defecto para
que ustedes miren que se puede cerrar la alerta haciendo click afuera.
Eso a veces es un comportamiento que no queremos pero lo voy a dejar como Tru para que lo cambiemos
después.
Luego tenemos el Wílder que es la función encargada de crear ya todo el día o el propósito de la alerta.
El Wílder es una función que recibe el contexto como argumento del contexto y aquí tenemos que regresar.
Un widget.
Entonces si dejamos el mouse encima del Wílder tiene que regresar un widget que es lo que se va a mostrar.
En este caso sería Red Alert Dialog.
éste ya es crear la configuración de lo que se llama mostrar nuestro diálogo Enter.
Perfecto sigamos viendo qué opciones tiene el alerta y lo que ustedes saben que pueden ir a la documentación
propiamente de flores.
Hemos hecho eso bastante OPRESION AL CONTROL espaciador aquí tenemos todas estas opciones hay muchas
muchas.
Empecemos con las básicas el tarot que también es un widget.
Voy a hacer un texto que diga título OK.
Luego también tenemos el contenido content que también va a ser un texto que vamos a cambiar contenido
y grabo los campos.
Ya van a ver por qué dejé eso como truco de los momentos porque si no no lo podríamos cerrar.
Toquemos el botón y aparece en nuestro título y el contenido es una alerta genérica bien aburrida y
si yo hago click afuera me puedo salir.
Si yo pongo esto en falso grabo los cambios y ejecuto el código ya puedo salirme de ese Tab de alerta
y me quedé trabado.
Entonces aquí voy a tocar un otro TriStar para qué bueno volver a nuestra aplicación y aquí antes de
que se me olvide lo voy a cambiar al Tru nuevamente cuando ya tenemos configurada nuestra alerta o nuestra
ventana emergente lo cambiamos a falso por bueno ya sabemos como funciona eso.
Voy a cambiar este contenido y voy a poner una columna porque perfectamente aceptó Wille.
Ya saben que las columnas reciben su Children children.
Aquí voy a poner un texto que va a servir como parte del cuerpo de la alerta que diga este es el contenido
de la caja de la alerta.
Traemos los cambios.
Vamos a probar nuevamente alerta con un botón y espantoso.
Porque se ve así porque la alerta.
O mejor dicho la columna agarra todo ese ancho y por eso se ve de esa manera.
No se preocupe ya vamos a arreglar eso.
Qué más podríamos poner.
Qué vamos.
Qué más podemos poner para evitar que la tarjeta se estire de esa manera descomunal que por defecto
está estirándose todo lo que puede en su pantalla.
Puedo cambiarla con la propiedad de las columnas llamado el main Axis Soib TAP que recibe un mail a
occisa.
Y es que tenemos que agarrã el máximo que es el valor por defecto y tenemos el mínimo que es el valor
que nos interesa en este momento.
Es decir que simplemente se adapte al contenido que tiene Internet.
O sea que el contenido interno sea quien diga que tan ancho es si grabo los cambios afuera.
Vuelvo a mostrar se ve mejor esta alertase bastante aburrida todavía voy a ponerle un logo de flores
abajo para poner un logo de flores abajo noten que puso una coma aquí.
Enter Flore trae un propio widget para crear un propio logo Flor logo Tapp parentesis y le puedo definir
qué tan grande quiero que sea ese logo con Simms.
Lo voy a poner de 100 píxeles los cambios y deberíamos de tenerlo ok.
Teníamos de tenerlo así.
Es momento de trabajar con los botones.
Alguien puede decir o Fernando qué pereza estar construyendo estos modales o estas alertas toda uno
mismo.
Tenemos que crearlo siempre.
No ustedes van a poder crear un widget personalizado que ya sea esta alerta que funcione como ustedes
esperan.
En lo personal a mi me gusta mucho tener este nivel de control porque ustedes están colocando la información
exactamente donde quieren y no es todo por defecto.
Tenemos mucho control al respecto.
Cambiemos bueno toca poner los botones fuera de esta columna entonces voy a poner acá lo que son las
Auctions o sea los botones por defecto y noten que es una lista de widgets.
Por consecuencia puedo poner más cosas aquí todavía pero hagamos algo sencillo y coloquemos sólo dos
botones para eso será un flat botón de acá Enter para tener Jail Gil con el texto que diga cancelar
el ombres pongamos un una función anónima que no haga nada sólo para que se pueda hacer clic en él.
Porque recuerden que si esto nos permite hacer nada una coma copiamos esto peguemos.
Este va a ser un o que grabó los cambios.
Es momento de probar este botón.
Está alerta Toko se mira mejor la alertarlo tradicional y puedo hacer clic en los botones pero como
es de pensar los botones no hacen nada porque estoy diciendo que no hagan nada.
Cómo podemos cerrar el diálogo o estar alerta al hacer clic en un botón.
Bueno voy a cambiar este mensaje o usar esta función anónima por una función de flecha que regrese el
navigator Navigator punto o context punto pop muy parecido como teníamos este botón ahora esta es una
forma tradicional de hacerlo pero también lo podríamos hacer con esta función anónima que tengo aquí
y lo puedo hacer perfectamente así Navigator punto o Computex pop punto y coma grabo los cambios y ambas
instrucciones son iguales pero noten que es mucho más corto usando la función de flecha ok vamos a probar
tocó cancelar Toko ok.
Y claro ustedes pueden hacer todo lo que quieran en estos métodos.
Eso es todo lo que quería cubrir.
Siéntanse libres después de jugar con esto pueden poner imputs pueden poner Selex pueden poner más imágenes
pueden poner cualquier cosa crear toda su interacción crear todo un widget dentro de un carrusel de
imágenes cualquier cosa pueden poner ahí y antes de terminar la clase vamos a hacer que nuestra alerta
muestre bordes redondeados por qué.
Porque por qué no.
Ok eso no les va a estorbar y es bueno saberlo.
De todos modos vamos a verlos aquí al alertarlo presionar contra despachadora y aquí tenemos el SAP.
Yo les invito a que ustedes lo intenten intenten hacer esto por ustedes mismos recuerden que el SAP
es un cheque común y corriente que se puede aplicar a cualquier elemento que Chap qué pasa ya lo hicieron.
No voy a hacerlo yo y aunque aquí nos digan esas cosas si alguien dijo bueno Worden radio circular eso
no es porque no es un swap.
Voy a hacer y voy a poner aquí el Grounded tango Border aquí recibimos el borde radios y aquí sí podemos
poner ese por dos radios circular y no voy a poder 20 puntos cero grabo los cambios voy a hacer click
aquí Webo abrir y ya tenemos los bordes redondeados pueden incrementarlo pueden jugar cuanto bueno pueden
poner cualquier valor que ustedes deseen y eso sería todo.
Nos veo en el siguiente video.