Barra de navegación inferior de Android
Durante meses hubo muchas discusiones sobre cómo definir la altura de la barra de navegación de Android. Finalmente encontré cómo conseguirlo. Hay tantos enlaces «útiles-no útiles» que la única solución era ocultar la barra del todo y dejar de molestarse por la altura.
Encontré un método que funcionará en Androids estándar donde la altura de la barra de navegación es igual al valor estándar según sus principios de diseño. Según la documentación de Android la altura de la barra de navegación es siempre 48dp (48 píxeles independientes del dispositivo).
Android ocultar la barra de navegación
Los documentos de React Native indican que «Para Android la dimensión de la ventana excluirá el tamaño utilizado por la barra de estado (si no es translúcida) y la barra de navegación inferior». Basado en esa lógica, Dimensions.get(‘screen’).height – Dimensions.get(‘window’).height debería devolver la altura de la barra de menú suave, pero devuelve el valor incorrecto para algunos dispositivos Android. En Android, el resultado de la diferencia de altura de la pantalla y de la ventana debería ser la altura de la barra de menú suave correcta, por lo que Dimensions.get(‘screen’).height – Dimensions.get(‘window’).height.
En el Pixel 3 (Android 9) y en el Samsung S9 (Android 9), me devuelven la diferencia como 48, que parece ser correcta en la UI al hacer las pruebas. Sin embargo, en el OnePlus 6 (Android 9), me devuelve la diferencia como 78, lo cual es incorrecto (debería ser 48 también).
Issue AnalyticsNo se han encontrado resultadosTop GitHub Comments15reactionsMarcoScabbiolocommented, Jan 5, 2021Este problema es de hace 5 años y es realmente un gran problema, que conduce a las interfaces de usuario rotas en varios dispositivos ampliamente utilizados. @cpojer ¿hay alguna posibilidad de que se le preste atención a esto? Haría un PR pero lamentablemente no puedo reproducir el bug ya que no tengo un dispositivo para hacerlo.
Altura de la vista de navegación inferior android
Las barras de navegación inferiores facilitan la exploración y el cambio entre las vistas de nivel superior con un solo toque. Al tocar un icono de navegación inferior se accede directamente a la vista asociada o se actualiza la vista actualmente activa. La navegación inferior está pensada principalmente para su uso en móviles. Para conseguir un efecto similar en el escritorio, utiliza la navegación lateral.UsageColorTinta el icono activo con el color principal de la aplicación. Utiliza el negro o el blanco si la barra de navegación inferior ya está coloreada.Especificaciones
La navegación inferior proporciona una navegación rápida entre las vistas de nivel superior de una aplicación. Está diseñada principalmente para su uso en móviles. Las pantallas más grandes, como las de escritorio, pueden lograr un efecto similar utilizando la navegación lateral. Por ejemplo, el tratamiento compacto «rail» muestra iconos de navegación por defecto.
Navegación inferior y pestañasTenga cuidado al combinar la navegación inferior con las pestañas, ya que la combinación puede causar confusión al navegar por una aplicación. Por ejemplo, al pulsar tanto en las pestañas como en la navegación inferior podría aparecer una mezcla de transiciones diferentes en el mismo contenido.
Navegación inferior con Material Design
Pocos dispositivos Android tienen barras de navegación inferior de software que incluyen los botones de atrás y de inicio. En este artículo, voy a compartir un método de utilidad para obtener el tamaño de la pantalla completa incluyendo la barra de estado superior y la barra de navegación inferior en Android tanto en Java como en Kotlin.
Usted puede utilizar el siguiente método para obtener el ancho y la altura de la pantalla en JAVA. Toma Context como parámetro y devuelve un array de enteros. En el array devuelto el índice 0 contiene la anchura y el índice 1 contiene la altura de la pantalla.
En Kotlin, utiliza el siguiente método para obtener la anchura y la altura de la pantalla, toma Context como parámetro y devuelve un array de enteros. Igual que el anterior, el índice 0 del array devuelto contiene la anchura y el índice 1 contiene la altura de la pantalla.
Eso es todo. Así es como se obtiene el tamaño de la pantalla completa incluyendo la barra de navegación del software y la barra de estado superior en Android. Ambos métodos utilizan las interfaces WindowManager y DisplayMetrics para obtener las dimensiones de la pantalla.
