---
title: Composant React de navigation inférieure
components: BottomNavigation, BottomNavigationAction
---

# Bottom Navigation (Barre de navigation inférieure)

<p class="description">Les barres de navigation inférieures permettent le mouvement entre les destinations principales dans une application.</p>

[La barre de navigation inférieure](https://material.io/design/components/bottom-navigation.html) affichage de trois à cinq destinations au bas de l'écran. Chaque destination est représentée par une icône et une étiquette de texte facultative. Lorsque vous appuyez sur une icône de navigation inférieure, l'utilisateur est dirigé vers la destination de navigation de premier niveau associée à cette icône.

## Navigation inférieure

Lorsqu'il y a seulement **trois** actions, l'affichage d'icônes et des étiquettes de texte en permanence.

{{"demo": "pages/components/bottom-navigation/SimpleBottomNavigation.js"}}

## Navigation inférieure sans étiquette

Si il y a **quatre** ou **cinq** actions, affichage inactif points de vue uniquement sous forme d'icônes.

{{"demo": "pages/components/bottom-navigation/LabelBottomNavigation.js"}}