ReactNative开发——Clipboard

前端之家收集整理的这篇文章主要介绍了ReactNative开发——Clipboard前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

ReactNative开发——Clipboard

Clipboard组件可以在iOS和Android的剪贴板中读写内容

示例

class@H_301_11@ ClipboardView extends Component {
    state = {
        textFormClipboard: ''@H_301_11@
    }

    render() {
        return@H_301_11@ (
            <View@H_301_11@ style@H_301_11@={{justifyContent:@H_301_11@ 'flex-start@H_301_11@'}}>@H_301_11@ <Text@H_301_11@ >@H_301_11@ {this.state.textFormClipboard} </Text@H_301_11@>@H_301_11@ <Text@H_301_11@ onPress@H_301_11@={()@H_301_11@ =>@H_301_11@ { // 向剪贴板写入数据 Clipboard.setString('AAA') }}> 点击将'AAA'赋值到剪贴盘 </Text@H_301_11@>@H_301_11@ <Text@H_301_11@ onPress@H_301_11@={()@H_301_11@ =>@H_301_11@ { //从剪贴盘读数据 Clipboard.getString().then((text => this.setState({textFormClipboard: text}))) .catch(error => console.error(error)); }}> 点击粘贴 </Text@H_301_11@>@H_301_11@ </View@H_301_11@>@H_301_11@ ); } }@H_301_11@

方法

static getString()

它返回的是一个Promise对象,用来获取文本内容

static setString()

设置剪贴板的文本内容。你可以用下面的方式来调用

参考

http://reactnative.cn/docs/0.44/clipboard.html#content

猜你在找的React相关文章