Es momento de trabajar ahora con el poronga bikes son Barquet.
Esta barra de ACaP es relativamente sencilla de implementar pero el problema o lo que realmente es un
poco mas dificil es personalizarla para que quede de estos colores que nosotros estamos deseando en
este diseño.
Entonces regresemos a nuestro código cerramos en un punto y nos tenemos que enfocar en nuestro CAFO
principal de la pantalla que tenemos sacada de nuestro potón Patch.
Se acuerdan que en el escalafón nosotros también tenemos un Adapa tenemos un Flori Machón Boron y también
tenemos algo llamado el Boron Navigation bar en el cual vamos a colocar hize por una Iñíguez Llombart
pero lo voy a colocar justo después de Bodhi para que tenga como mas sentido este es el body y aquí
abajo vienen Boron Navigation.
Pero podría estar arriba y es indiferente.
Entonces Boron Navigation bar tap y lo que va a recibir es un Boron Navigation bar presionar enter.
Si nosotros revisamos las opciones dejo el cursor encima.
Vamos a al final me dice que el parámetro ítemes es necesario ok entonces los items o escribir items
Etap y dejó el cursor encima me dice que el item es una lista de Boron Navigation bar Heute a copiar
esto y lo voy a pegar acá es un Boron Navigation Bar es un listado por donde Navigation bar Aitex y
aquí por consecuencia lo único que voy a poder agregar es un Boron Navigation Heute parentesis enter
pero si dejo el cursor encima me dicen que el icono es necesario es obligatorio entonces Icon Tab y
coloquemos un icono entonces ICOM paréntesis si empezamos con computó Calendar de que si yo grabo los
cambios vamos a ver qué sucede me dice que falló la sesión de fotos y tiene que ser mayor a dos que
eso no se cumple.
Bueno mayor igualados entonces no se cumple.
Vamos a ver entonces yo sospecharía que por lo menos necesito dos botones entonces grabo los cambios
y el error cambia me dice que todos los ítems del Boron Navigation bar item tienen que tener un tirón.
Yo no sé por qué no está marcado como necesario ya en el elemento como tal porque aquí lo están aceptando
lo que me está diciendo en pocas palabras es que falta el tiro y el tiro podría ser un texto Diga diga
Hola voy a poner aquí o la coma aquí es una ola copió esto con apego gravosos cambio.
Vamos a ver ahora y si funciona tenemos dos.
Hola.
Obviamente no está funcionando los taps pero eso lo vamos a hacer funcionar después en el curso por
los momentos esto sería como una breve introducción.
Entonces yo necesito especificar el poco menos el texto.
Serían tres botones.
Entonces voy a explorar esta línea grabo los cambios y ya tendríamos tres botones.
Voy a colocarlo como un punto Chart a Hotline chat a offline y el de abajo vamos a colocarlo como un
punto superviso y como ustedes quieran ponerlo esos son los iconos que yo voy a utilizar en este menú
o en esta barra pero no si ustedes notan pero en el diseño original vamos a buscarlo orinan no tienen
textos no tienen ningún texto y aquí me están obligando a ponerlos qué puedo hacer para no poner un
texto.
Bueno hay varias maneras podríamos borrarlo y grabar los cambios y pareciera que funciona pero siempre
queda como el espacio del texto.
Entonces vamos a cambiar ese text por un contenga Ok voy a poner un container y voy a quitar esas comillas
dobles que no me sirven y grabo los cambios y ahí se centran y baja un poquito.
Ahí sí parece lo que yo necesito.
Pero el problema es que tengo que cambiarle el color.
No hay muchas opciones acá como para personalizar este botón Navigation bar.
Por ejemplo tengo si escribo color sólo aparece el fix color que me dice que es el color para el ítem
seleccionado.
Vamos a ver colors pink grabo los cambios se pone rosado pero de ahí como cambia el color de los demás
elementos y bueno no puedo.
Entonces Fernando qué podemos hacer para personalizar ese Navigation bar como se muestra en mi aplicación.
Cómo lo hacemos.
Bueno regresemos al aviso el estudio Coupet.
Voy a crearme un nuevo método y al final un nuevo método que sea un widget espacio y se va a llamar
Boron Navigation bar parentesis desarrollarás.
Aunque sea un retrón de algo que un retorno de algo muy parecido a este Boron Navigation mar sólo que
yo no lo voy a trabajar.
De esta manera yo no lo voy a hacer con esto pero lo voy a dejar ahí para no tener problemas.
Qué es lo que tengo que retornar acá si yo no quiero personalizar.
Voy a tener que regresar.
Un nuevo tema o mejor dicho un widget con un tema personalizado en pocas palabras lo que quiero decir
con eso es que este botón Navigation.
La única manera de cambiar sus propiedades o por lo menos eso es lo que conozco hasta ahora y todo lo
que he buscado para personalizar el botón implica cambiar los temas.
El tema global de la aplicación pero yo no quiero eso yo quiero que la aplicación se quede así como
está.
Sólo quiero aplicar este tema a ese elemento en particular.
Para eso voy a retornar un new ni útil ok pero acuérdense que esta palabra estaría de más si puedo ser
útil.
De esta manera aquí voy a especificar los argumentos que tiene ese Tim mediante la propiedad data.
Yo sé que esto será un poco extraño pero es una manera de hacer este cambio.
Ustedes tienen otra manera de hacerlo adelante.
Ok para cambiar esta data voy a hacer una copia del tema actual sin punto o punto context punto copy
Buils y aquí empezaríamos a copiar todas las propiedades o mejor dicho especificar las propiedades que
yo quiero cambiar del tema.
El contexto me lo está pidiendo es necesario entonces voy a recibir con un contexto y lo voy a poner
la palabra contexto.
Obviamente no estoy usando este método voy a copiarlo y podríamos quitar por momentos voy a quitar todo
este borrón a Miguel Llombart lo voy a crear nuevamente y pongamos el método de un amiguete en un bar
y demos el contexto perfecto.
Si yo grabo los cambios no va a pasar nada bueno debería reventar.
Todavía no estoy cumpliendo las condiciones y no estoy revisando el widget que vamos a hacer eso sí
vamos trabajando acá.
Aquí voy a especificar los colores y todo lo relacionado con una amiga y ámbar pero primero quiero recrear
ese foro navigate un bar aquí abajo justo después del TIM.
Aquí tengo el chalet que es lo que voy a mostrar realmente este es el widget que tengo que mostrar allá
abajo y va a ser un Boron Navigation bar.
Lo mismo tiene sus items que es el elemento obligatorio.
Es una lista de Boron Navigation bar Heute.
No hace falta ponerlo porque dijo el cursor encima vas a ver parentesis enter y este tiene su iPhone
y hagamos lo mismo con parentesis de icons punto será Calendar tu de goma.
Voy a ponerle un 6 de unos usais de unos 30 puntos cero para que sea un poquito más grande y el tercero
que es obligatorio aunque no lo márcate es obligatorio pero ya vimos que sí lo es.
Entonces aquí iba a ser un container vacío perfecto.
Voy a poner aquí una coma.
Creemos los otros dos elementos.
Voy a grabar los cambios y ya aparecen casi igual sólo que el ítem es un poquito más grande.
Pero estamos bien en el segundo elemento.
Voy a poner un punto bobo Bouchard voy a usar este y aquí trabajemos con el supervisor y Ussher sic
y grabo los cambios ahí los tenemos perfecto pero tenemos el mismo problema que antes con la única diferencia
que ahora este chat está envuelto en un fin en el cual yo puedo aplicarle un estilo directamente a todo
este objeto.
Vamos a ver en el TIM dará voy a especificar lo siguiente Digamos que quiero cambiar el color de fondo
el color de fondo y generar en la aplicación se llama El Canvas.
Entonces sería cambas color tap y voy a definir el color que yo quiero que tiene que ser uno parecido
a este de aquí abajo entonces color RGB o Tapp y que yo ya tengo el dato 55 57 84 de la opacidad de
1.0 y grabo los cambios ella queda de ese color que deseo.
Noten que ustedes aplicarán esto al tema principal todo el fondo sería de ese color pueden ser que eso
sea lo que ustedes necesitan.
Puede ser que no. Ya vamos a ver más sobre el tema en un futuro común.
Ahora necesito cambiar el color primario porque el color primario por defecto es ese azul pero en este
Timm el color primario debía ser como un rosado.
Entonces Primary Primary Color perdón Colors apuntó Pink Accent grabó los cambios y debería ser un rosado
parecido es ok y eso está bien.
Y aquí viene lo más difícil.
Si Uds. les gusta así como está lo pueden dejar así pero necesito que estos botones sean como de un
gris porque si miramos estos como un gris un poquito más claro no así como un gris oscuro.
Para aplicar eso tendríamos que cambiar lo que es el texto secundario.
Para eso voy a poner aquí una coma en el texting TAP.
Esto sería un Zim punto o context punto texting la propiedad actual que está y la voy a copiar copy
width y que el caption tiene un texto Staël tap y definamos el color color.
Yo sé que tal vez esto como les dije es mucho pero por lo menos no hay una manera sencilla de cambiar
esto sino créanme yo se los hubiera mostrado porque yo no quiero ser un código tan extraño.
Pero lo bueno es que ustedes ya tienen este código a la mano por si acaso lo a hacer en un futuro el
color que yo quiero para ese caption que es lo que está cayendo acá va a ser un color apuntó from RGB
o Tapp y los colores son 116 Tapp 117 Tapp 152 y la posibilidad de 1.0 de 1.0 y grabamos los cambios
y ahí está exactamente el color que quería.
Bueno ya hemos trabajado con el Boron Navigation bar todavía no funcionan.
De hecho no van a funcionar pero lo usaremos en un futuro.
Ok por momentos así me gusta como quedó se parece bastante claro los iconos no son los mismos pero son
muy parecidos ustedes podrían cambiarlos usar iconos de fonación o lo que ustedes deseen pero a mí me
parece que está bien la aplicación en el siguiente video o en los siguientes ya tenemos que trabajar
con el contenido de las tarjetas que eso podría ser lo más sencillo lo más difícil para unos pero bueno
dejémoslo así.
Continuamos con la siguiente clase.