En la clase pasada nos quedamos así con nuestro mensaje Hola mundo ya lo vamos a hacer más grande nuestro
avatar todo un body y tendríamos esta etiqueta.
Esto realmente no es una etiqueta es un texto ok.
Entonces si yo quisiera poner otro texto aquí abajo cómo lo hago.
Pensemos vamos a cambiar este Hola mundo y voy a escribir.
Número de clics o número de tags que ustedes quieran ponerlo en los cambios el reloj debería de entrar
y ya tengo aplicado el cambio en el emulador perfecto.
Ahora si yo quisiera colocar otro elemento aquí abajo otro texto cómo lo hago.
Bueno alguien podría pensar ah bueno simplemente escribamos un nuevo chat.
Y sería esto mismo no en teoría en teoría pero no no es así.
Eso es importante que lo dominemos y que lo comprendamos la mayoría de los widgets o mejor dicho casi
todos los widgets sólo pueden tener un chiste.
Es decir sólo pueden contener un hijo pero claramente en este caso yo necesito poner dos porque abajo
de este número de clicks yo quiero poner esa etiqueta o mejor dicho ese texto que muestre el número
de clicks que yo he hecho en un botón que voy a crear un poquito más adelante.
Cómo podemos hacer esto.
Bueno hay varias formas de hacerlo.
En breve les voy a enseñar una forma rápida de hacerlo pero como siempre hay que ir paso a paso.
Si regresamos a la documentación de flores subimos un poco siempre donde tendríamos el escalafón.
Subimos un poco tenemos varias formas de ordenar widgets.
Yo no sé ustedes pero este de columnas pareciera ser el que yo necesito.
Así de entrada viendo esta imagen que es el Colo Colo es un Willett que me permite a mí colocar elementos
en forma de columnas y también tenemos otro que es exactamente igual solo que lo hace en forma de Rousse
o en forma de filas.
Entonces eso es básicamente las columnas y las filas.
El widget me permite ordenar elementos uno abajo de otro y las filas una al lado de otro.
Hay otras opciones para ordenar esto como los hashtags que vamos a ver más adelante que permite ponerlos
uno sobre otros.
Pero ya llegaremos a eso en su momento por los momentos me huele me huele a que el Colm es lo que yo
necesito.
Si yo abro el colon para abrir una nueva pestaña para explicar un poco la documentación aquí tenemos
un ejemplo podemos leer qué es lo que dice es un widget que despliega sus hijos en forma vertical.
Eso es exactamente lo que yo necesito.
Aquí está el ejemplo y lo podríamos ver.
De hecho es muy parecido a lo que nosotros ocupamos tenemos el widget cono en el cual viene un Children
que es un arreglo de widgets y que es un widget prácticamente puede ser cualquier cosa puede ser una
etiqueta text.
Puede ser un botón puede ser otro columna puede ser un robot también cualquier widget puede ser lo que
ustedes pongan ahí.
En este caso está utilizando un texto otro que dice Crass powerful Yoanis.
Y abajo hay otro widget llamado expand que eso lo vamos a ver eventualmente.
No se preocupen por los momentos aquí está colocando dos widgets dentro de una lista.
Esto es lo que yo necesito para resolver mi problema.
Así que regresemos al Visual Studio.
Déjenme ponerle estimuladora al lado para que lo podamos ver y en vez de este texto que sería lo que
yo tendría que poner directamente yo lo voy a cortar.
Controlé X O X y voy a utilizar el widget con un menú pero lo queda bien con la vista.
Presionamos Enter nuevamente Enter.
Si presionamos controlé espaciadora vamos a ver todas sus propiedades que tenemos Cross Axis alimenté
Axis alignment entre otras cosas pero es que estoy buscando es este Children y ustedes notarán que es
una lista de widgets los selecciono o presiono enter y ahora aquí adentro de esta lista voy a definir
o pegar mi código del texto.
Ahí tengo el número de clics.
Si yo grabo los cambios esto hace un otro y y van a notar como que la columna o mejor dicho mi levo
ya no está centrado sino que está allá arriba.
Realmente el que está centrando ahora directamente es la columna y por eso aparece el texto centrado.
Cómo puedo hacer Fernándo para que eso regrese a en medio.
Bueno las columnas tienen varias propiedades interesantes.
Entre ellas está el main Axis alignment que si dejamos el mouse encima le dice que es en Main Axis alignment
es de tipo Main Axis alignment.
Esto no me dice nada Fernándo estos dos puntos y lo que sigue después me dice cuál es el valor que tiene
por defecto en este caso dice Axis alignment punto Start.
Ese es el valor por defecto que tiene.
Entonces vamos a probarlos diferentes para ver cuál se adapta a lo que yo necesito.
Entonces sería Main Axis alignment y aquí tenemos sente en pasarãn Espais between Spain Heavenly o Vivendi
perdón y Start.
Ese es el valor por defecto.
Ya vamos a llegar a una sección donde hablaremos de puro diseño de en flor por los momentos yo les voy
a pedir que probemos.
La verdad es que no vamos a poder observar muchas diferencias porque sólo tenemos un widget ya vamos
a poner dos pero el que me interesa a mí es el center.
Entonces selecciona Center graben los cambios y el texto debería aparecer centrado porque la columna
es todo este espacio perfecto.
Ahora creemos otro widget acá voy a clonar la línea y ahora en vez de este widget que dice el número
de clics voy a poner simplemente un ser es un string cero.
Ok no estoy poniendo un número estoy poniendo un string entre comillas.
Voy a grabar los cambios y ahí está mi cero ahí abajo perfecto.
Ok Fernando pero ese texto se mira demasiado pequeño y apenas se puede ver.
Claro si yo hago Somchai en el dispositivo físico se puede ver sin ningún problema pero yo quiero que
eso sea más grande.
Cómo lo podemos hacer.
Voy a ocultar la barra lateral para tener más espacio en los textos.
Si nosotros dejamos el mouse encima se acuerdan que tenía un argumento posicional llamado Data y luego
viene un montón de argumentos opcionales.
Tenemos aquí textual el extronista el Texas Line.
En fin muchas cosas que nosotros podríamos utilizar para nuestra aplicación y eventualmente usaremos.
Pero recuerden que son muchas y no nos va a dar tiempo de cubrirlas todas pero sí van a saber cómo poder
probarlas y posiblemente eso sea lo que ustedes estén buscando.
Lo que yo quiero es cambiar el estilo de ese texto entonces me suena como que el estáel es lo que yo
necesito.
Justo después de esto voy a poner una coma y voy a escribir estáel en minúscula presiono enter y si
dejo el mouse encima de él esta me va a decir qué tipo de clase es la que espera este start está esperando
una clase de tipo tex está ok y entonces eso es lo que voy a poner acá parentesis y perfectamente ustedes
pueden agregar una tabulación pero por lo menos no lo voy a cambiar el estilo aunque esta línea se mire
un poco larga pero ya la vamos a resumir aquí adentro en el texto está el pueden presionar otra vez
contra el espaciadora para ver todas las propiedades que tiene un textual tiene el background color
Bottle Layhoon.
En fin muchas cosas por el momento lo único que me interesa es el iPhone 6 lo seleccionan y si dejan
el mouse encima del Fonzie se van a dar cuenta que es de tipo dopo.
Eventualmente todas las clases y widgets van a terminar en valores primitivos como Double bullían strings
o cosas por el estilo.
En este caso el iPhone 6 lo voy a poner de unos 20 píxeles o 20 puntos no sé exactamente si son pixeles.
Voy a grabar los cambios y deberíamos de ver esto que creció un poco tal vez es muy pequeño hagamoslo
de 25 gramos los cambios y ahí tenemos que ya creció un poco perfecto entonces hagamos lo mismo con
el otro Leiber donde está el cero voy a copiar este código todo este style y lo voy a pegar acá y grabo
los cambios el cero se hace un poco más grande pero ven que yo escribí nuevamente todo este código que
escribí dos veces el mismo código para hacer lo mismo.
Más adelante en el curso les voy a enseñar cómo modificar el tema para que los Lavos o estos textos
tengan ese tamaño por defecto pero a mí no me interesa que estas cosas o sea que este iPhone 6 lo tenga
todo Jar codeado acá y aquí también estoy reutilizando el mismo código en pocas palabras cómo puedo
crearme una variable o una propiedad que me permita a mí cambiar todo eso.
Voy a subir un poco y justo abajo del home page voy a declararme el estilo que yo quiero crear Sagolla
crearme una clase o una instancia de la clase textual que haga esto mismo lo voy a copiar todo y lo
voy a poner acá voy a decir Textile porque estoy creando un taxista.
Va a ser igual voy a ponerle texto o estilo estilo texto algo así y esto va a ser igual año textual
y le mando la configuración.
Noten que el Home Page se está quejando y si yo dejo el mouse encima me dice que esta clase está marcada
como inmutable o sea no puede cambiar.
Ese es el objetivo del Stainless Widget.
Entonces me dice que tiene una de sus propiedades o sus campos está marcado como final o sea no son
finales o no son constantes.
En pocas palabras si yo lo dejo así implícitamente estoy diciendo que eventualmente este texto o esta
clase del estilo texto va a cambiar eventualmente en el tiempo ya sea cuando yo haga click cuando algo
sucede o va a cambiar y eso va en contra de los estériles Widget.
Yo sé que este estilo nunca lo voy a cambiar entonces voy a cambiar esta palabra hasta el final.
De esta manera ya no se está quejando.
Aquí el editor puede utilizar este estilo texto para reemplazar el estáel que yo tengo acá.
Entonces voy a quitar esto que lo acepta perfectamente y voy a hacer lo mismo aquí abajo y voy a ponerlo
de esa manera.
Grabamos los cambios y vamos a ver qué no sucede ningún error y todo lo aceptó correctamente.
Ahora yo puedo decir que eso sea de tamaño 30 grados los cambios debería de crecer y lo voy a me parece
correcto bien lo dejamos así.
Continuamos con la siguiente clase.