---
description: >-
  Pensez à un interrupteur. Il a deux réglages, Marche et Arrêt. C'est
  exactement ce à quoi ressemble le composant Switch.
---

# Switch (commutateur)

Un commutateur est un composant qui a deux réglages, vrai et faux. Vous pouvez faire en sorte que votre application effectue des tâches spécifiques uniquement si le commutateur est réglé sur True.

* [Pour commencer](#getting-started)
* [Style du commutateur](#style-the-switch)

![](https://gblobscdn.gitbook.com/assets%2F-LAn5scXl2uqUJUOqkJo%2F-LAn5wecEraNWaG7Ig2g%2F-LAn68KdTsbXiRGsjXH9%2Fswitch-%E2%9C%95-fig-1.gif?alt=media)

## Pour commencer <a href="#getting-started" id="getting-started"></a>

Pour activer le commutateur, vous devez utiliser le bloc ci-dessous pour régler la valeur du commutateur sur la nouvelle valeur lorsque vous allumez et éteignez le commutateur.

![](https://gblobscdn.gitbook.com/assets%2F-LAn5scXl2uqUJUOqkJo%2F-LAn5wecEraNWaG7Ig2g%2F-LAn68LcZlZTmCXBH-x-%2Fswitch-%E2%9C%95-fig-2.png?alt=media)

| Événement     | Description                                                                                                                  |
| ------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| onValueChange | Par défaut, le commutateur `newValue` sera réglé sur `false`. Si elle est activée, la nouvelle valeur sera réglée sur `true` |
| Value         | Si elle est activée, la valeur est fixée à `true` ; si elle est désactivée, elle est `false`                                 |
| Disabled      | S'il est réglé sur `true`, l'interrupteur sera désactivé                                                                     |

## Style du commutateur <a href="#style-the-switch" id="style-the-switch"></a>

Vous pouvez personnaliser le commutateur avec les propriétés suivantes :

* **Tint Color:** Couleur du commutateur lorsque le commutateur est réglé sur off
* **On Tint Color:** Couleur du commutateur lorsque le commutateur est réglé sur on
* **Thumb Tint Color:** Couleur du bouton de commutateur
