¿Cómo ocultar la barra de navegación en Android?

La barra de navegación en Android es una fila que comprende el botón Atrás, el botón de inicio y el botón Reciente ubicado en la parte inferior de la aplicación. La mayoría de los dispositivos con Android 5.0 Lollipop y versiones posteriores no tienen botones físicos de navegación y, por lo tanto, aparecen como botones presentes en la pantalla durante toda su vida útil.

Sin embargo, estos botones se vuelven innecesarios para aplicaciones que involucran juegos y videos. Además, tocar accidentalmente estos botones puede provocar la pérdida de datos, especialmente en aplicaciones que se ejecutan en servidores en tiempo real. Entonces, en este artículo, le mostraremos cómo puede ocultar la barra de navegación en Android.

Implementación paso a paso

Paso 1: crea un nuevo proyecto en Android Studio

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Demostramos la aplicación en Kotlin , así que asegúrese de seleccionar Kotlin como idioma principal al crear un nuevo proyecto.

Paso 2: trabajar con el archivo MainActivity.kt

Vaya al archivo MainActivity.kt y consulte el siguiente código. A continuación se muestra el código del archivo MainActivity.kt . Se agregan comentarios dentro del código para comprender el código con más detalle.

import android.os.Build
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import androidx.annotation.RequiresApi
import androidx.core.view.WindowCompat
import androidx.core.view.WindowInsetsCompat
import androidx.core.view.WindowInsetsControllerCompat
  
class MainActivity : AppCompatActivity() {
  
    @RequiresApi(Build.VERSION_CODES.R)
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // A function to hide NavigationBar
        hideSystemUI()
    }
  
    // Function to hide NavigationBar
    @RequiresApi(Build.VERSION_CODES.R)
    private fun hideSystemUI() {
        WindowCompat.setDecorFitsSystemWindows(window, false)
        WindowInsetsControllerCompat(window,
            window.decorView.findViewById(android.R.id.content)).let { controller ->
            controller.hide(WindowInsetsCompat.Type.systemBars())
              
            // When the screen is swiped up at the bottom 
            // of the application, the navigationBar shall
            // appear for some time
            controller.systemBarsBehavior = WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
        }
    }
}

Producción:

Puede ver que la barra de navegación ahora está oculta. Sin embargo, lo hemos programado de tal manera que cuando se realiza un deslizamiento hacia arriba en la parte inferior de la pantalla, aparece la barra de navegación durante unos segundos.

Antes y después de ocultar la barra de navegación