禁用React-Native文本输入上的选项

fir*_*ash 28 javascript textinput reactjs react-native

我正在使用TextInput进行项目,并希望禁用任何类型的文本选择或操作,如(剪切/复制/粘贴/共享)在下面的屏幕截图中共享.

我无法在react-native官方文档中找到任何内容

在此输入图像描述

Art*_*tov 42

你应该添加2个属性 selectTextOnFocuseditable

例如:

<TextInput editable={false} selectTextOnFocus={false} />
Run Code Online (Sandbox Code Playgroud)

  • editable false - 我现在甚至无法编辑文本输入 - 当我可以编辑但无法在此文本输入上复制/剪切/粘贴时,我需要这些 (2认同)

小智 9

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


Bal*_*ian 9

contextMenuHidden用于禁止用户将文本粘贴到某些字段并隐藏上下文菜单.

更新: 尚未包含在发行版中.通过单击链接并查看标记,您始终可以查看任何提交的版本.所以我不希望它在0.55之前稳定发布.

<TextInput contextMenuHidden={true} />
Run Code Online (Sandbox Code Playgroud)

检查提交:添加选项以隐藏TextInput的上下文菜单


小智 6

设置pointerEvents为无父上ViewTextInput禁用触摸事件,考虑下面的例子:

<View pointerEvents="none">
  <TextInput ... />
</View>
Run Code Online (Sandbox Code Playgroud)