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

bookComposant Interrupteur

Glissez pour afficher le menu

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

Demandez à l'IA

ChatGPT

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

Section 4. Chapitre 1
some-alt