yarn add @react-native-clipboard/clipboard
import React, {Component} from 'react';
import {
AppRegistry,
StyleSheet,
View,
Text,
} from 'react-native';
import Clipboard from '@react-native-community/clipboard'
class AwesomeProject extends Component {
state = {
content: 'Content will appear here'
};
//异步函数 箭头函数不需要绑定this了
_setClipboardContent = async () => {
// 将文字复制到系统的粘贴板上，在系统其他的地方可以粘贴
Clipboard.setString('Hello World');
// 取出所存的值， Clipboard.getString() 返回的是以一个promise对象，所以可以在then里面存到state，或者使用同步存到state中
try {
var content = await Clipboard.getString();
this.setState({content});
} catch (e) {
this.setState({content:e.message});
}
};
render() {
return (
<View>
<Text onPress={this._setClipboardContent}
style={{color: 'blue',marginTop:100}}>
Tap to put "Hello World" in the clipboard
</Text>
<Text style={{color: 'red', marginTop: 20}}>
{this.state.content}
</Text>
</View>
);
}
}
AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);
