</lingo>

Dominando o BottomNavigationView no Android

technical•
Avançado

Com o contínuo avanço do Material Design e novas APIs do Android, o BottomNavigationView tende a se tornar ainda mais integrado com as novas funcionalidades. Espera-se que novas atualizações tragam melhorias na personalização e otimizações de desempenho. A adoção crescente de navegação baseada em gestos também pode influenciar a forma como o BottomNavigationView é utilizado e percebido pelos usuários.

Futuro e Tendências

Com o contínuo avanço do Material Design e novas APIs do Android, o BottomNavigationView tende a se tornar ainda mais integrado com as novas funcionalidades. Espera-se que novas atualizações tragam melhorias na personalização e otimizações de desempenho. A adoção crescente de navegação baseada em gestos também pode influenciar a forma como o BottomNavigationView é utilizado e percebido pelos usuários.

Casos de Uso

Os casos de uso do BottomNavigationView são vastos, variando desde aplicativos de mídia social, e-commerce até aplicativos de produtividade. Em todos esses cenários, o BottomNavigationView oferece uma navegação intuitiva e imersiva. Por exemplo, em uma rede social, ele pode ser usado para navegar entre o feed, a busca e a aba de perfil. Ao implementar esses casos de uso, é importante considerar as melhores práticas de acessibilidade e design responsivo.

Comparações

Comparado a outras opções de navegação, como o ActionBar ou o NavigationView, o BottomNavigationView se destaca pela sua simplicidade visual e pela facilidade de integração com o sistema de navegação do Android Jetpack. Enquanto o ActionBar exige mais customização para atingir um visual moderno, o BottomNavigationView já segue as diretrizes do Material Design por padrão. O NavigationView, por sua vez, é mais adequado para navegação hierárquica e não para a navegação principal do app.

Fundamentos

O BottomNavigationView é um widget que permite ao usuário navegar entre diferentes partes de um aplicativo através de ícones e, opcionalmente, rótulos de texto. Ele foi introduzido no Android Design Library como parte do Material Design. Para utilizá-lo, é necessário adicionar a dependência no gradle e definir o layout no XML. Um dos questionamentos mais frequentes é como exibir tanto ícones quanto rótulos de texto ao mesmo tempo. Isso pode ser feito configurando o atributo app:labelVisibilityMode. Outro aspecto fundamental é entender como o BottomNavigationView se integra com o NavController para transições suaves entre fragments.

Introdução

O BottomNavigationView é um componente fundamental na criação de interfaces de usuário modernas para aplicativos Android. Com a introdução do Android Jetpack Navigation, o BottomNavigationView se tornou ainda mais popular, oferecendo uma maneira eficiente e elegante de navegar entre diferentes partes de um aplicativo. Com mais de 1.751 perguntas no Stack Overflow, é evidente que desenvolvedores enfrentam diversos desafios ao trabalhar com este componente. Neste artigo, abordaremos desde os conceitos básicos até as práticas avançadas, incluindo dicas para resolver os problemas mais comuns enfrentados pela comunidade.

Boas Práticas

Adote as seguintes práticas ao trabalhar com BottomNavigationView: mantenha o número de itens no mínimo para evitar sobrecarregar o usuário; utilize ícones claros e rótulos concisos; teste a acessibilidade do componente; e, quando usar com NavController, utilize o argumento 

singleTop
para manter os fragments em estado ativo. Essas práticas ajudam a criar uma experiência de usuário fluida e intuitiva.

Implementação

Para implementar o BottomNavigationView, primeiro inclua o componente no layout XML e vincule-o a um NavController. Um exemplo prático de código para definir o item selecionado é 

navController.navigate(R.id.action_id)
e para definir o item inicial 
navController.navigate(R.id.starting_fragment)
. Outra dúvida comum é como desativar o efeito de shift mode. Isso pode ser feito ajustando o estilo do menu para 
app:menu
e removendo os espaçamentos. Além disso, ao usar o BottomNavigationView com o NavController, uma das preocupações dos desenvolvedores é manter os fragments em estado ativo para evitar reconstruções desnecessárias.

Exemplos de código em bottomnavigationview

Kotlin
val navView: BottomNavigationView = findViewById(R.id.nav_view)
val navController = findNavController(R.id.host_fragment)
navView.setupWithNavController(navController)
Configuração inicial do BottomNavigationView com NavController
Kotlin
navController.navigate(R.id.action_home_to_detail)
Navegação entre fragments usando o NavController

❓ Perguntas Frequentes

Como exibir ícones e rótulos de texto no BottomNavigationView ao mesmo tempo?

Defina o atributo app:labelVisibilityMode para 'labeled' no menu XML.

Como definir o item selecionado no BottomNavigationView?

Utilize 

navController.navigate(R.id.action_id)
para navegar para o destino desejado, o que por padrão selecionará o item correspondente.

Como desativar o efeito de shift mode no BottomNavigationView?

Remova os espaçamentos no menu XML, ou configure o estilo para não aplicar shift mode.

Como implementar a nova barra de navegação inferior do Android?

Utilize o BottomNavigationView juntamente com o Android Jetpack Navigation para criar uma navegação fluida e moderna.

É possível manter um fragment ativo ao navegar com BottomNavigationView e NavController?

Sim, utilize flags como 

singleTop
no AndroidManifest.xml para os fragments que deseja manter ativos.

Referências

📂 Termos relacionados

Este termo foi útil para você?