禁用 React-Native 文本输入选项

Question

I am using TextInput for a project and wanted to DISABLE any kind of text selection or actions like (cut/copy/paste/share) as shared in the screenshot below.

I am not able find anything in the react-native official documentation

Answer 1

You should add 2 attributes selectTextOnFocus and editable

For example:

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

Answer 2

contextMenuHidden is to disable the user from pasting text into certain fields and to hide context menu.

Update: This hasn't been included in a release yet. You can always see what release any commit is in by clicking on the link and looking at the tags. so I wouldn't expect it to be on a stable release until 0.55.

<TextInput contextMenuHidden={true} />

Check the commit here: Add option to hide context menu for TextInput

Answer 3

只需给你的 textinput 属性editable={false}

Answer 4

Set pointerEvents to none on parent View of TextInput to disable touch events, consider following example:

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

Answer 5

您可以使用 View 并使用 removeClippedSubviews={true} （适用于 Android）并使用 contextMenuHidden={true} （适用于 IOS）

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

Answer 6

Use caretHidden={true} if you want to disable all operation like Cut Paste Copy. It will also hide your cursor as well

Answer 7

This trick worked for me. Here I am using NativeBase. Keep this <TextInput> inside a <Item> tag. Now the selection property should not work.

code sample attached below.

<Item>
<Input
  value={this.props.call_state.destination}
  onChangeText={text => this.props.setDestination(text)}
  returnKeyType={"done"}
  keyboardType={"numeric"}
/>
</Item>

You should install nativebase first and then import {Item} from native-base in your component