Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Composant Interrupteur | Concepts Avancés
Fondations de React Native

book
Composant Interrupteur

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

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 1

Demandez à l'IA

expand
ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

some-alt