# Drawer Navigator (Navigateur à tiroir)

## **Vue d'ensemble**

* [**Ajout de navigateurs**](#ajout-de-navigateurs)
* [**Nommez vos tiroirs**](#nommez-vos-tiroirs)
* [**Propriétés du navigateur à tiroirs**](#proprietes-du-navigateur-de-tiroir)

## **Ajout de navigateurs**

Pour ajouter un navigateur à votre application, vous devez faire glisser le composant navigateur dans votre arborescence de composants, puis faire glisser un écran au dessus du composant navigateur.

![](https://549775582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fthun%2F-MR5ZdPqPc7VLiEmmEr5%2F-MR5_Iwvt_2vfCzbAoUv%2F1.gif?generation=1610723180988109\&alt=media)

![](https://549775582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fthun%2F-MR5ZdPqPc7VLiEmmEr5%2F-MR5_IwwhBP2qIGtHjzn%2F2.png?generation=1610723180952457\&alt=media)

## **Nommez vos tiroirs**

Pour nommer vos tiroirs, cliquez sur chaque écran et naviguez jusqu'à l'étiquette Tiroir en bas à droite de la section des propriétés.

![](https://549775582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fthun%2F-MR5ZdPqPc7VLiEmmEr5%2F-MR5_IwxYIJutpmJyB04%2F3.png?generation=1610723180990061\&alt=media)

## **Propriétés du navigateur de tiroir**

Vous disposez de nombreuses options pour styliser votre Drawer Navigator, comme par exemple changer la couleur de fond ou la couleur de teinte. Voici les différentes options de personnalisation :

* **Largeur du tiroir :** Largeur du tiroir en pixels
* **Position du tiroir :** Position Le tiroir s'ouvre de : gauche ou droite
* **DrawerOptions**
  * **Active Tint Color : Couleur de teinte** pour le tiroir sélectionné.
  * **Couleur de fond active : Couleur de** fond pour le tiroir sélectionné.
  * **Inactive Tint Color : Couleur du** texte pour les tiroirs non sélectionnés.
  * **Couleur de fond inactive : Couleur de** fond pour un tiroir non sélectionné.