Partage
  • Partager sur Facebook
  • Partager sur Twitter

ReactNative - Rendre une view cliquable

Sujet résolu
    3 avril 2019 à 16:03:34

    Bonjour, j'ai créé une TabBar (du moins le design), or celle-ci ne contiens pas de Button:

    http://prntscr.com/n6y8d2

    Cette TabBar est enfait une view, elle même coupée en 3 view qui contiennent toute un texte et une icône  (j'ai essayé de reproduire au maximum ce que l'on pourrait retrouver sur une TabBar basique)

    or me voila au point ou je ne sais pas comment rendre clickable ces éléments.

    (Je suis débutant dans le domaine)

    Merci pour votre aide,

    bonne journée

    • Partager sur Facebook
    • Partager sur Twitter
      3 avril 2019 à 22:31:07

      Bonjour,

      Les View en React Native ne réagissent pas aux évènements de clic, elles ne sont pas cliquables.
      A la place de ta View (que tu souhaites rendre cliquable), tu peux utiliser une Touchable (https://facebook.github.io/react-native/docs/handling-touches#touchables) et ajouter la prop onPress pour récupérer l'évènement clic.
      Tu as le choix entre TouchableOpacity, TouchableHighlight etc. selon l'effet que tu souhaites avoir au clic.
      Tu as un exemple complet ici : https://facebook.github.io/react-native/docs/touchablehighlight

      Bon courage.

      • Partager sur Facebook
      • Partager sur Twitter

      Développeur mobile : un peu d'Android, beaucoup de React Native et surtout de l'iOS. Cours React Native / Applications réalisées en React Native

        4 avril 2019 à 8:39:53

        Super, merci !

        (Et merci également pour le cour que vous avez écrit) 

        • Partager sur Facebook
        • Partager sur Twitter

        ReactNative - Rendre une view cliquable

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown