Deaktivieren Sie die Optionen für die React-Native-Texteingabe

Ich verwende TextInput für ein Projekt und wollte jede Art von Textauswahl oder Aktionen wie (Ausschneiden/Kopieren/Einfügen/Teilen) deaktivieren, wie im Screenshot unten gezeigt.

Ich kann in der offiziellen React-Native-Dokumentation nichts finden

Sie sollten zwei Attribute hinzufügen
selectTextOnFocus Und editable

Zum Beispiel:

<TextInput editable={false} selectTextOnFocus={false} />

Geben Sie Ihrer Texteingabe einfach das Attribut editable={false}

contextMenuHidden besteht darin, den Benutzer am Einfügen von Text in bestimmte Felder zu hindern und das Kontextmenü auszublenden.

Aktualisieren:
Dies wurde noch nicht in eine Veröffentlichung aufgenommen. Sie können jederzeit sehen, in welcher Version sich ein Commit befindet, indem Sie auf klicken Verknüpfung und schauen Sie sich die Tags an. Daher würde ich nicht erwarten, dass es vor 0.55 eine stabile Version gibt.

<TextInput contextMenuHidden={true} />

Überprüfen Sie das Commit hier: Option zum Ausblenden des Kontextmenüs für TextInput hinzufügen

Satz Zeigerereignisse zu keiner auf Eltern View von TextInput Betrachten Sie zum Deaktivieren von Berührungsereignissen das folgende Beispiel:

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

Sie können eine Ansicht verwenden und „removeClippedSubviews={true}“ verwenden (funktioniert mit Android) und contextMenuHidden={true} verwenden (funktioniert mit IOS).

<View removeClippedSubviews={true}>
<TextInput contextMenuHidden={true} />
</View>

Referenz aus der folgenden Ausgabe
https://github.com/facebook/react-native/issues/33697

const App = () => {
  const [selection, setSelection] = useState(null);
  const [text, setText] = useState('');

  return (
    <TextInput 
      selection={selection}
      onSelectionChange={(e) => setSelection(e.nativeEvent.selection)}
      value={text}
      onChangeText={(text) => setText(text)}
      style={{ alignSelf: 'center', width: 200, marginTop: 50, backgroundColor: 'grey' }} 
    />
  );
};

Die folgende Lösung funktioniert für mich, um das Kopieren/Einfügen zu vermeiden. Ich lösche die Tastatur beim onTouchEnd-Ereignis

const [text1, setText1] = useState('')
    
const clearClipboard = () =>{
 Clipboard.setString('')
}
    
const onChangeText = (text) =>{
 //For android 12+ clipboard autofill option, dont allow text change more than one char..which means user is typing.
 if(text1.length+1 >= text.length){
  setText1(text)
 }
}
    
<TextInput onChangeText={onChangeText} value={text1} contextMenuHidden={true} onTouchEnd={clearClipboard}></TextInput>