Comment copier du texte dans le presse-papiers en React-Native?

Vous pouvez utiliser le Clipboard de @ react-native-community .

Voici comment vous pouvez l'utiliser:

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

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

Bienvenue dans stackoverflow! Veuillez lire https://stackoverflow.com/help/how-to-ask pour savoir comment poser de bonnes questions; le plus souvent, le processus de formulation de la question (s'il est fait correctement) vous mènera à la réponse!

Ainsi, vous avez réussi à afficher votre texte à l'écran en utilisant Text , et vous voulez maintenant que l'utilisateur puisse le copier; Je peux imaginer trois façons de procéder:

• Comment rendre le texte sélectionnable (et copiable) dans React-Native?
• Comment afficher la "copie popover" en react-native?
• Comment copier du texte dans le presse-papiers en appuyant sur un bouton dans React-Native?

Concentrons-nous sur le dernier. Nous pouvons le décomposer davantage:

• Comment créer un bouton en React-Native?
• Comment exécuter une fonction en appuyant sur un bouton? (en natif de réaction)
• Comment copier du texte dans le presse-papiers par programme? (en natif de réaction)

Si nous recherchons ces phrases sur Google, nous trouvons la documentation pertinente:

• https://facebook.github.io/react-native/docs/button.html
• https://facebook.github.io/react-native/docs/clipboard

... avec le morceau de code correspondant:

import { Button, Clipboard } from 'react-native'
...
const email = 'hello@example.com'
const copyIt = ()=> Clipboard.setString(email)
...
<Button
  onPress={copyIt}
  title={email}
/>

fayeed a raison. Vous pouvez utiliser le presse-papiers pour que l'utilisateur copie une chaîne.

En outre, vous donnez facilement à votre composant un presse-papiers. Comme Fayeed l'a fait ci-dessus

<Text 
onPress={()=>Clipboard.setString('mail@mail.com')}
style={{color: 'red', fontSize: 14 , fontFamily:'Arial', fontStyle: 'bold', textAlign: 'center', marginTop: 3, marginLeft: 25, marginBottom: 17}}> 
                mail@mail.com
    </Text>

import { Button, Clipboard } from 'react-native' est remplacé par react-native-community/clipboard