Navegación inferior con FAB acoplado en Jetpack Compose | por Raheem Hameed

Este artículo le mostrará cómo agregar un botón de acción flotante en una navegación inferior en Android.

Recientemente trabajé en un proyecto que requería que usara Jetpack Compose. Todo iba bien hasta que me encargaron diseñar una navegación inferior con un FAB acoplado. De hecho, pensé que sería una tarea muy simple que completaría en una hora, pero resultó que estaba equivocado. Tuve que repensar mi enfoque y pude resolverlo. A continuación explicaré cómo solucionarlo.

Agregar dependencia de navegación

dependencias {implementación «androidx.navigation:navigation-compose:2.4.0-alpha10»} Después de importar las dependencias correctas, comenzamos a implementar las partes necesarias. A continuación creamos uno clase sellada que representa nuestro potencial objetivos de pantalla.Luego colocamos los elementos de destino de la pantalla en una lista que puede ser utilizada por Elemento de navegación inferior.A continuación, creemos la barra de navegación inferior que usaremos estructura tejer todo junto ya que tiene ranuras para los componentes necesarios BottomAppbarque alberga la navegación inferior y también proporciona el formulario de recorte se encuentra en el barra inferior Ranura.La estructura también proporciona ranuras para el Botón de acción flotante y el Contenido Ranura. En la ranura de contenido colocamos el nuestro. carta de navegación ahí lo que va a dar nuestro elementos de navegación la capacidad de navegar a sus respectivas rutas. El resultado final debería verse así…Y eso debería ser todo por ahora.Hasta la próxima vez que nos encontremos