How to copy text to clipboard in react-native?

Question

I would like to integrate a small text (my e-mail address) but I would like the user can to copy this text. I thought of a button, when we click on it the e-mail address is copy and can be past outside the app. How to do this?

<View>
<Text style={{color: 'red', fontSize: 14 , fontFamily:'Arial', fontStyle: 'bold', textAlign: 'center', marginTop: 3, marginLeft: 25, marginBottom: 17}}> 
             [email protected]
</Text></View>

I am novice, any help would be greatly appreciated.

Answer 1

You can use Clipboard from @react-native-community.

Here's how you can use it:

import Clipboard from '@react-native-community/clipboard';

<TouchableOpacity onPress={() => Clipboard.setString('[email protected]')}>
  <View>
    <Text style={{color: 'red', fontSize: 14 , fontFamily:'Arial', fontStyle: 'bold', textAlign: 'center', marginTop: 3, marginLeft: 25, marginBottom: 17}}> 
                [email protected]
    </Text>
  </View>
</TouchableOpacity>

Answer 2

Set selectable prop of the Text component true and the content will be copied to the clipboard with long press on the text.

<Text selectable={true}>
  Your text
</Text>