如何触摸并按住以在React Native中选择文本

时间:2015-11-16 04:19:31

标签: android react-native

我是Android的新手,并尝试使用React Native的Text组件实现丰富的编辑器。 但是,当我触摸文本并保持片刻时,文本未突出显示,并且带有选择操作的顶部栏未显示为在webview或其他应用程序中的行为。 我缺少什么或者我需要自己实现这个功能?如果是这样,你能指出方向吗?

4 个答案:

答案 0 :(得分:16)

如果您希望使用文本组件单击并按住选择文本,则React Native for iOS中当前不存在此功能。您可能希望upvote https://productpains.com/post/react-native/select-text-in-text-elements建议Facebook为此添加支持。

但是,我已经在Android上提交了支持,从React 0.30开始。但React iOS直接将字符绘制到屏幕上(并且不使用支持可选属性的本机UITextView),因此不支持它,并且可能不会持续很长时间。

RN 0.39增加了对复制整个文本字段的支持,但尚未支持选择要复制的文本字段的子集。

答案 1 :(得分:9)

到目前为止,react-native还通过添加props selectable={true}支持它。同样在Android上,您可以使用selectionColor='orange'更改选定的文本颜色。

示例:

<Text selectable={true} selectionColor='orange'>You can select me</Text>

答案 2 :(得分:2)

请注意,如果文本是嵌套的,则应将selectable属性添加到顶部`

<Text selectable>
    <Text>
        some selectable text
    </Text>
</Text>

答案 3 :(得分:-5)

在文本

中使用onPress = {this.onPressTitle()}

并声明

onPressTitle:function(){
/* Your Actions on OnPress */
}