Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 禁用本机文本输入上的选项_Javascript_Reactjs_React Native_Textinput - Fatal编程技术网

Javascript 禁用本机文本输入上的选项

Javascript 禁用本机文本输入上的选项,javascript,reactjs,react-native,textinput,Javascript,Reactjs,React Native,Textinput,我正在为一个项目使用TextInput,希望禁用任何类型的文本选择或操作,如(剪切/复制/粘贴/共享),如下面的屏幕截图所示 我在官方文件中找不到任何东西 只需给文本输入属性editable={false}您应该添加两个属性 选择文本焦点和可编辑 例如: <TextInput editable={false} selectTextOnFocus={false} /> 如果要禁用所有操作(如剪切粘贴复制),请使用caretHidden={true}。它也会将光标隐藏在 > p>在“代

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

我在官方文件中找不到任何东西


只需给文本输入属性
editable={false}
您应该添加两个属性
选择文本焦点
可编辑

例如:

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

如果要禁用所有操作(如剪切粘贴复制),请使用caretHidden={true}。它也会将光标隐藏在

> p>在“代码< >代码> >代码> >文本输入< /代码>禁止触摸事件,考虑以下示例:

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

上下文菜单隐藏是指禁止用户将文本粘贴到特定字段中,并隐藏上下文菜单

更新: 这还没有包含在发行版中。通过单击并查看标记,您始终可以看到任何提交的版本。所以我不希望它在0.55之前是一个稳定的版本

<TextInput contextMenuHidden={true} />


检查此处的提交:

您可以使用视图并使用removeClippedSubviews={true}(适用于Android)和contextMenuHidden={true}(适用于IOS)


这个把戏对我很管用。这里我使用的是NativeBase。将此
放在
标签内。现在,selection属性不应该工作

代码示例附在下面

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

this.props.setDestination(text)}
returnKeyType={“完成”}
键盘类型={“数字”}
/>

您应该首先安装nativebase,然后在组件中从nativebase导入
{Item}

使用只读属性?如果要禁用所有操作(如剪切粘贴复制),请使用caretHidden={true}。它还将隐藏您的光标。editable false-我现在甚至不能编辑文本输入-我需要这些,当我可以编辑但不能复制/剪切/粘贴此文本输入时,当我给出editable false时,我如何使用TextInput。我想使复制/粘贴选项禁用无需给出editable={false}谢谢您的回答。这节省了我很多时间和精力。感谢您的回复,这是我们提供的最佳解决方案。这是一个界限。您应该在此处扩展您的答案以包含尽可能多的信息,并仅将链接用于参考。pointerEvent不是更好的解决方案。在这种情况下,添加
caretHidden={true}
。如果您已经将光标放在textInput框中,则此解决方案将无法工作。Android-如果您选择一些文本,所有操作仍会像往常一样显示。如何在不隐藏光标的情况下执行此操作?我使用的是react native v0.54.0,无法使用它。@MateoGuzmán更新了答案。看起来它放在了55.4中,但没有不适用于Android。是否有其他人能够在这两种平台上实现此功能?这可能是由于nativebase中存在错误,因为默认情况下您应该能够选择/复制/粘贴文本输入。