Théorie

Le composant Switch dans React Native est utilisé pour basculer entre deux états - représentant généralement une sélection "on/off" ou "true/false". Il fournit aux utilisateurs un indicateur visuel de l'état actuel et leur permet de le changer d'un simple tapotement.

Pourquoi en avons-nous besoin ?

1. Sélection binaire :
   • Utile pour les scénarios où vous avez besoin que les utilisateurs fassent un choix binaire ;
   • Couramment utilisé pour les paramètres, les préférences ou l'activation/désactivation de certaines fonctionnalités.
2. Convivialité :
   • Offre une interface simple et intuitive pour basculer entre les états ;
   • Offre un indice visuel de l'état actuel, améliorant l'expérience utilisateur.

Comment travailler avec Switch

• Le composant Switch est contrôlé via sa prop value, qui détermine s'il est dans l'état "on" ou "off" ;
• Nous pouvons utiliser la prop onValueChange pour spécifier une fonction de rappel qui sera appelée lorsque l'utilisateur bascule le switch.

Exemple

Résultat

En Pratique