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 ?
- 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.
- 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 propvalue
, 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
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Awesome!
Completion rate improved to 3.45
Composant 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 ?
- 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.
- 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 propvalue
, 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
Merci pour vos commentaires !