AudioCurso Jetpack Compose 14 BottomNavigation

AudioCurso Jetpack Compose 14 BottomNavigation

La BottomNavigation, al igual que la BottomAppBar es otro de los elementos que podemos usar como bottomBar en el Scaffold de nuestras pantallas en Jetpack Compose.

Los miembros de "Los androides Premium" escuchan contenido adicional en audio sobre este art铆culo... 隆y otros 77 m谩s!

Quiero m谩s info

Hay que suscribirse para disfrutar de todo el contenido premium desde la web y la app, as铆 como participar en las actividades premium: videoconferencias y canales premium en Discord.

Permite la navegaci贸n entre los destinos principales en una aplicaci贸n.

Debe contener varios BottomNavigationItems. Cada uno representando una feature de nuestra app.

Es una forma f谩cil y conveniente de navegar entre las diferentes vistas de una aplicaci贸n, ya que proporciona una forma intuitiva para el usuario de acceder a las diferentes secciones de la app.

Normalmente se muestra un conjunto de iconos en la parte inferior de la pantalla. De este modo, el usuario puede tocar cualquiera de ellos para navegar a la secci贸n correspondiente.

Puede ser personalizado en cuanto a su apariencia y comportamiento. Y se puede utilizar en conjunto con otras funciones de navegaci贸n de Jetpack Compose como el drawer o la TopAppBar.

La BottomNavigation tambi茅n ofrece soporte para el estado seleccionado. Y as铆 indicar al usuario en qu茅 secci贸n se encuentra actualmente.

No me quiero enrollar mucho con esto, ya que a nivel conceptual es un componente bastante sencillo. Y adem谩s se parece bastante a la TopAppBar.

Lo suyo es que si no lo est谩s usando a煤n, que lo hagas practicando directamente en un proyecto.

En la app tienes un ejemplo de uso, con navegaci贸n incluida. Con lo que es un buen modo de seguir avanzando con c贸digo de referencia si quieres seguir profundizando en ello.

Por si tienes curiosidad, internamente la BottomNavigation tiene los siguientes par谩metros:

@Composable
fun BottomNavigation(
    modifier: Modifier = Modifier,
    backgroundColor: Color = MaterialTheme.colors.primarySurface,
    contentColor: Color = contentColorFor(backgroundColor),
    elevation: Dp = BottomNavigationDefaults.Elevation,
    content: @Composable RowScope.() -> Unit
) 

En la siguiente edici贸n del audioCurso, vamos a hablar de otro par谩metro del Scaffold, el snackbarHost.

Publicado: 2023-01-18

鉁夛笍 NEWSLETTER ANDROIDE 鉁夛笍

Deja tu email para recibir TIPS sobre ANDROID cada domingo GRATIS.

Adem谩s, AL APUNTARTE CONSEGUIR脕S el audio de 54 minutos con MI ESTRATEGIA para convertirte en un Desarrollador Android Senior DE REGALO. 馃巵

Acepto que trates mis datos con privacidad.