Désactiver les Options sur React-Native Text Input

J'utilise TextInput pour un projet et je voulais désactiver tout type de sélection de texte ou d'actions comme (couper/copier/coller/partager) comme partagé dans la capture d'écran ci-dessous.

je ne suis pas en mesure de trouver quoi que ce soit dans la réaction natif de la documentation officielle

enter image description here

14
demandé sur firebolt_ash 2017-03-19 10:03:56

5 réponses

vous devez ajouter 2 attributs selectTextOnFocus et editable

Par exemple:

<TextInput editable={false} selectTextOnFocus={false} />
16
répondu Artem Tutov 2017-03-19 12:19:32

il suffit de donner à votre textinput l'attribut editable={false}

5
répondu funkysoul 2017-03-19 07:30:01

Set pointerEvents aucun parent ViewTextInput pour désactiver les événements tactiles, considérez l'exemple suivant:

<View pointerEvents="none">
  <TextInput ... />
</View>
3
répondu Shine 2018-01-30 10:42:03

contextMenuHidden désactiver l'utilisateur de coller du texte dans certains domaines et pour masquer le menu contextuel.

mise à Jour: Cela n'a pas encore été inclus dans une version. Vous pouvez toujours voir dans quelle version un commit se trouve en cliquant sur le lien et en regardant les étiquettes. donc je ne m'attendais pas à ce qu'il soit stable jusqu'à 0.55.

<TextInput contextMenuHidden={true} />

Vérifier le commit ici: ajouter l'option pour masquer le menu de contexte pour TextInput

3
répondu Balasubramanian 2018-03-24 07:03:59

Utiliser caretHidden={vrai} si vous voulez désactiver toute opération comme couper la copie de pâte. Il cache également votre curseur ainsi

0
répondu Anil Chahal 2018-01-22 07:43:06