Still no update????

TextInput under the hood uses UITextView on iOS which gives you all of the selectable drag handles while the Text component uses custom text rendering and only allows the user to select all text in the component.

This doesn't seem like as much of a hack due to the fact that this also gives us auto linking for phone numbers, urls, calendar events and addresses. The TextInput props would need to have: editable: false, multiline: true, scrollEnabled: false to enable this feature (and behave like a normal Text component). Optionally adding dataDetectorTypes: ['all'] to support auto linking and handling of phone numbers, urls, calendar events and addresses. The documentation for TextInput's dataDetectorTypes basically suggests this hack: https://reactnative.dev/docs/textinput#datadetectortypes.

This one really hurts. I'm responsible for a text-focused app, and this issue alone might push us off of React Native.

multiline disabled TextInput allow to change selection but somebody think this is bug https://github.com/facebook/react-native/issues/27296

Is there any update to selectable text?

Using TextInput seems like a hacky workaround to me.

On another note, the docs state using the selectable-property on <Text> does the following: "Lets the user select text, to use the native copy and paste functionality.", which is clearly not the case on ios.

Waiting for updates!!!!

Still waiting on this over three years later...

This functionality is a real need. I wonder why this has not been implemented yet.

I've published a workaround for now if you're interested: https://github.com/msand/react-native-selectable-text

import SelectableText from 'react-native-selectable-text';

export default ({ text, onSelectionChange }) => (

<SelectableText

selectable

multiline

contextMenuHidden

scrollEnabled={false}

editable={false}

onSelectionChange={(event) => {

const {

nativeEvent: {

selection: { start, end },

},

} = event

const str = text.substring(start, end)

onSelectionChange({ str, start, end })

}}

style={{

color: "#BAB6C8",

}}

value={text}

/>);