web-dev-qa-db-fra.com

Désactiver les options sur la saisie de texte React-Native

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

Je ne trouve rien dans la documentation officielle de react-native

 enter image description here

javascriptreactjsreact-nativetextinput
18
firebolt_ash

Vous devez ajouter 2 attributs selectTextOnFocus et editable

Par exemple:

<TextInput editable={false} selectTextOnFocus={false} />
32
Artem Tutov

Donnez juste à votre textinput l'attribut editable={false}

7
funkysoul

contextMenuHidden permet d'empêcher l'utilisateur de coller du texte dans certains champs et de masquer le menu contextuel. 

Update: Cela n’a pas encore été inclus dans une version. Vous pouvez toujours voir la version de chaque commit en cliquant sur le lien et en regardant les balises. donc je ne m'attendrais pas à ce qu'il soit sur une version stable jusqu'à 0.55.

<TextInput contextMenuHidden={true} />

Vérifiez la validation ici: Ajouter une option pour masquer le menu contextuel pour TextInput } _

5
Balasubramanian

Définissez pointerEvents sur none sur le parent View sur TextInput pour désactiver les événements tactiles, tenez compte de l'exemple suivant:

<View pointerEvents="none">
  <TextInput ... />
</View>
5
Shine

Utilisez caretHidden = {true} si vous souhaitez désactiver toutes les opérations telles que Couper, Coller, Copier. Il va également cacher votre curseur aussi

0
Anil Chahal