Théorie

Le composant TouchableOpacity fournit un retour tactile à l'utilisateur. C'est un conteneur qui détecte les tapotements ou les clics et fournit une réponse visuelle. Ce composant est couramment utilisé pour créer des éléments interactifs comme des boutons. Voici comment nous pouvons travailler avec lui :

Pourquoi utiliser TouchableOpacity

• Retour tactile : Il fournit une réponse visuelle (changement d'opacité) lorsque l'utilisateur appuie sur le composant, donnant un retour que leur toucher a été reconnu ;
• Zone tactile : Définit une zone qui répond aux touches, ce qui le rend adapté pour créer des éléments interactifs comme des boutons ;
• Comportement cohérent : Assure une expérience tactile cohérente sur différents appareils.

Travailler avec TouchableOpacity

• Nous enveloppons le contenu que nous voulons rendre tactile à l'intérieur du composant TouchableOpacity ;
• La prop onPress est utilisée pour spécifier la fonction qui doit être exécutée lorsque le composant est pressé.

Exemple

Nous avons créé un bouton qui affiche "Press Me". Lorsqu'il est pressé, il déclenche une alerte disant "Button pressed".

Résultat

En Pratique