Antes de continuar con el proceso de compilación o publicación y, por lo tanto, llevarlo a las tiendas
de aplicaciones, continuemos configurándolo.
Ahora, por ejemplo, hay algunos espacios en blanco aquí, como la descripción que falta, que
puede agregar agregando
una clave de descripción aquí con texto y esa sería la descripción que se muestra aquí.
Importante, esa no es una descripción que aparece en
las tiendas de aplicaciones, en realidad es solo una descripción que aparece aquí y
puede obtener más información sobre la descripción, todas las demás claves que puede configurar aquí en esta página.
Hay muchas configuraciones que puedes configurar después de todo.
Ahora lo que me interesa en este momento es el ícono y la parte de la pantalla de inicio porque ese es el
ícono que la gente verá en la
pantalla de inicio, por supuesto que todavía no, porque en este momento no estamos publicando las aplicaciones en la App Store,
pero eso cambiará
y la pantalla de inicio, bueno, eso es lo
que ven los usuarios cuando se carga nuestra aplicación y ambos son elementos que normalmente desea personalizar.
Ahora expo le ofrece un ícono y una pantalla de inicio listos para usar, pero ambos son solo marcadores de posición vacíos, correcto, por
lo que no es demasiado sorprendente, en su lugar,
queremos proporcionar nuestro propio ícono, nuestra propia imagen de pantalla de inicio aquí.
Ahora es realmente flexible con respecto a lo que proporciona aquí, pero en general, es
una buena idea proporcionar un ícono con una resolución de 1024 x 1024, de
modo que un ícono cuadrado como entrada y para la pantalla de presentación, pueda construir una pantalla de presentación como descrito en
los documentos oficiales donde puede obtener más información sobre cómo podría crear una
pantalla de bienvenida, cómo podría estructurarla, etc.
Ahora preparé algo para usted que puede usar para seguir ahora y que no debe usar para una implementación real porque
estos activos son solo para este curso, no para que usted use en su aplicación que planea implementar
y para lo que adjunto encuentre Los iconos. archivo zip.
Ahora, si descomprimes esto, allí encontrarás lugares. archivo png que, por supuesto, puede arrastrar y soltar en
la carpeta de
activos, también puede eliminar el icono. archivo png allí si quieres.
También puedes eliminar el splash. archivo png porque en esta carpeta adjunta, también
encontrará este icono de bienvenida. archivo png que, por supuesto, también puede arrastrar y soltar aquí.
Ahora, estos son solo algunos iconos que creé que podemos usar ahora y
de regreso en la aplicación. archivo json, ahora podemos apuntar a los iconos personalizados. Importante, debe proporcionar archivos
png como lo estoy haciendo aquí.
Entonces, ahora para el ícono, podemos apuntar a activos / lugares. png y para la presentación, podemos
señalar que assets / splash_icon. png. Ahora, como color de fondo, podemos usar un color negro
oscuro como el
código hexadecimal # 171717, este debería ser un color de código hexadecimal como este y el modo de cambio de tamaño aquí se puede
configurar para contener o cubrir, la cubierta básicamente estirará el ícono para tomar el ancho y la altura
disponibles, el contenido mantendrá el tamaño del icono, lo centrará y tendrá ese color de fondo detrás del icono.
Ahora, si hacemos eso, ya podemos ver el resultado de esto si
simplemente iniciamos esto, por lo que el servidor como lo hicimos muchas veces en este curso o expo se inicia y luego lo lanzamos en un
emulador, Android o iOS nuevamente como yo Lo estoy haciendo aquí. Ahora esto lo lanza allí y ahora ves, esta es la pantalla
de inicio que ya está tomando una nueva, con la imagen allí que es nuestra grande, pero eso es
a propósito para que podamos verlo claramente y el color de fondo que es ligeramente diferente.
que también tienes la oportunidad de ver eso, por supuesto, puedes elegir el mismo color
para tener una pantalla de bienvenida perfecta.
Así que está funcionando y esperemos a que termine
y aquí está la aplicación ejecutándose y ahora verá su icono aquí también
si ingresa al conmutador de tareas. Verán que no se ve tan bien con el fondo,
pero eso es algo que podemos
mejorar, pero aquí está el ícono en general, por lo que está funcionando, vemos tanto la pantalla de inicio como el ícono, y en
iOS sería lo mismo. Ahora, como puedes ver,
el icono no se ve tan bien en Android.
La razón de esto es que Android, dependiendo de la versión de Android que esté
ejecutando en su dispositivo, usa diferentes iconos, las versiones más recientes de Android usan estos llamados iconos adaptativos, que son estos
iconos redondeados donde tiene su icono en el medio y luego algo de color de fondo o
una imagen de fondo incluso
detrás de ellos, las versiones anteriores usarían iconos cuadrados.
Ahora puede atender esto proporcionando una configuración más detallada para Android y también
para iOS si lo desea. En lugar de tener esta clave de icono general aquí, puede configurar configuraciones específicas de la
plataforma y, por supuesto, también es algo que aprendió en los documentos oficiales.
Allí, puede encontrar información sobre cómo puede configurar la presentación de iconos, eso es
bueno, pero también cómo puede configurar iOS de una manera específica
y allí puede configurar un icono específico para iOS si desea utilizar esto.
Por supuesto, lo mismo es cierto para la pantalla de inicio, por lo que básicamente puede agregar un nodo
iOS a su configuración, ya lo tenemos aquí, incluso allí, también podría agregar un icono y luego también una configuración de inicio que se
ve exactamente o que se vería exactamente como la configuración raíz que tenemos aquí, pero ahora
básicamente podría anular esta configuración general de nivel raíz y tener un icono específico para iOS y una
pantalla de inicio específica para iOS.
Eso es algo que podría hacer y lo mismo es cierto para Android y, por supuesto, también lo encuentra
en los documentos oficiales.
Puede agregar una clave de Android aquí a su aplicación. json y luego esto contiene un objeto, por
ejemplo, allí también puede configurar un icono y una configuración de bienvenida tal como lo expliqué para iOS y
ahora esta configuración se tomaría para Android, iOS ya
que no tiene configuraciones específicas en mi ejemplo aquí todavía usaría la configuración general
allá arriba.
Ahora lo interesante es para Android, no solo puede configurar una pantalla de inicio de
icono específica, también puede configurar un icono adaptativo aquí con la configuración de icono adaptativo, que no está disponible para iOS
porque los iconos adaptativos son exclusivos de Android.
El ícono adaptativo toma un objeto Javascript, por decirlo como un valor de configuración, no una cadena, y este objeto puede
tener tres claves: una imagen de primer plano, un color de fondo o una imagen de fondo.
Ahora tiene un color de fondo o una imagen de fondo, pero siempre debe tener una imagen
de primer plano.
Ahora aquí podemos agregar una imagen de primer plano, por lo que esta clave
aquí y el color de fondo, que debería ser un código hexadecimal de seis dígitos, como puede ver, hagamos
eso rápidamente aquí y ahora podemos establecer el color de fondo para decir que el código # 171717
y el la imagen de primer plano ahora se puede configurar en nuestro icono, aunque
para esto recomendaría que use un icono específico que
también encontrará adjunto aquí, el lugar adaptable. archivo png que puede arrastrar y soltar en su carpeta de activos y que se adapta a los lugares. El archivo png ahora se puede usar aquí
como una imagen de primer plano, por lo que podemos apuntar a los activos y luego a los
lugares adaptables. png.
Ahora este ícono, el ícono adaptativo de lugares es transparente, sigue siendo el ícono pero
tiene un fondo transparente, a diferencia del otro ícono y eso permitirá que
Android lo coloque delante de este color de fondo o imagen de fondo que
proporcionó y automáticamente doblar las esquinas para ti y así sucesivamente.
Entonces, si ahora guardamos esto y, por lo tanto, se reconstruye y para estar seguro de que realmente tiene esto en cuenta,
reiniciaré mi servidor de exposición aquí.
Si ahora lanzamos esto en Android y para eso también cerraré el cliente de exposición aquí y luego volveré
a ejecutar esto en Android,
deberíamos ver que una vez que se reinicie, ahora tenemos
un icono más agradable que se ve un poco mejor.
Así que esperemos a que
se inicie, esta sigue siendo la pantalla de inicio como la configuramos antes, tampoco configuré una pantalla de inicio específica de Android
que, por supuesto, pudimos, pero aquí no lo
hice, así que, por supuesto, obtuvimos el mismo pantalla de inicio como anteriormente en este módulo y
si ahora mira el ícono, desafortunadamente aún puede ver el anterior. La nueva se tendrá en cuenta, aunque una
vez que hayamos creado esta aplicación como una aplicación independiente y la distribuyamos a las tiendas de aplicaciones.
En general, la recomendación es que para Android, establezca un ícono tan adaptable porque cubre más
versiones de Android, lo que no duele, por supuesto. Establecer un ícono tan general tampoco es una mala idea y,
por
supuesto, podemos usar el mismo ícono para iOS y Android o establecer íconos específicos para iOS
y Android, como se mencionó para Android, posiblemente, el ícono adaptativo. Si desea obtener más información sobre el proceso de
creación y administración de iconos y pantallas de presentación, adjunto encontrará los documentos de exposición
oficiales que profundizan en las diferentes opciones que tiene allí y lo que debe considerar.