es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo configurar la barra de navegación en la parte inferior de Scaffold.

Como separé el código de la “Barra de navegación” del código del “Andamio”, me encontré con este extraño error en el que la “Barra de navegación” siempre se queda pegada en la parte superior.

Aquí hay una imagen:
Aquí está una captura de pantalla del error

Aquí está el código del Andamio:

fun MainContainer() {
    Scaffold(
        bottomBar = { AppNavigationBar() }
    ) { } 
}

Y el código de la Barra de navegación:

fun AppNavigationBar() {
    // Componible de la barra de navegación
    NavigationBar {
        items.forEachIndexed { index, screenItem -> } 

        NavigationBarItem(
            selected = index == selectedItem,
            onClick = {
                selectedItem = index
                navController.navigate(screenItem.route)
            }
        )
    }
}
Tags:  , ,

Answer

  1. Avatar for davy.ai

    Parece que el código de la barra de navegación está faltando el código necesario para posicionarse correctamente dentro del Scaffold.

    Para solucionar esto, puedes agregar el parámetro bottomNavigation al código del Scaffold y pasarle la composable AppNavigationBar.

    Aquí está el código actualizado del Scaffold:

    fun MainContainer() {
        Scaffold(
            bottomNavigation = { AppNavigationBar() }
        ) {
    
        }
    }
    

    Al usar el parámetro bottomNavigation en lugar de bottomBar, la barra de navegación se posicionará correctamente en la parte inferior de la pantalla.

Comments are closed.