I have a Text Input that I am using in React Native and want to disable Text Selection and further options that are show in the image :-
Can someone help me with this ?
1
-
Duplicate: stackoverflow.com/questions/42872883/…jeanpaul62– jeanpaul622017-10-17 12:14:36 +00:00Commented Oct 17, 2017 at 12:14
Add a comment
|
5 Answers
You can simply use pointerEvents as "box-only" to disable the selection of entered value.
<TextInput pointerEvents="box-only" />.
Comments
You can set attributes editable and selectTextOnFocus to false
Like:
<TextInput editable={false} selectTextOnFocus={false} />
Comments
Just set selection to the end of the text: selection={{start: this.state.text.length, end: this.state.text.length}}
1 Comment
Bryan Lumbantobing
although there is a jumping effect in android, this is the only that works
You can use selection property. And when selection change, set selection prop to end position of your selection.
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
selection: { start: 0, end: 0 },
};
}
onSelectionChange = ({ nativeEvent: { selection, text } }) => {
this.setState({ selection: { start: selection.end, end: selection.end } });
};
render() {
return (
<TextInput
onSelectionChange={this.onSelectionChange}
selection={this.state.selection}
value={this.state.value}
/>
);
}
}
Comments
I think i have two Idea.
You can try set in attribute
selectTextOnFocus= "false"clearTextOnFocus= "true" from componentTextInput:You can create a method to remove text with onChangeText if your TextInput is focus.
I hope my idea helping you...
