如何在 react-native 中将文本复制到剪贴板？

Question

我想集成一个小文本（我的电子邮件地址），但我希望用户可以复制此文本。我想到了一个按钮，当我们点击它时，电子邮件地址是复制的，可以在应用程序之外过去。这该怎么做？

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

我是新手，任何帮助将不胜感激。

Answer 1

您可以Clipboard从 @react-native-community 使用。

使用方法如下：

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>

Answer 2

将 Text 组件的 selectable 属性设置为 true，长按文本即可将内容复制到剪贴板。

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

Answer 3

因为我猜人们可能会使用expo，所以你需要另一个库。

expo install expo-clipboard

import * as Clipboard from 'expo-clipboard';

// Then just do like in the accepted solution:
Clipboard.setString('mail@mail.com');

解决方案取自： https://github.com/react-native-clipboard/clipboard/issues/110#issuecomment-931340618