【第22期】观点:IT 行业加班,到底有没有价值?

[React Native]访问操作系统剪贴板 Clipboard

原创 2016年08月31日 16:29:47

我们之前学习了TextInput组件, 有时候我们需要在TextInput组件中复制或者粘贴一些文字。
React Native为开发者提供了 Clipboard API,Clipboard 组件可以在iOS和Android的剪贴板中读写内容。目前还只支持获取或者存放字符串。

主要方法

static getString()
获取剪贴板的文本内容,返回一个Promise(后面会介绍)
你可以用下面的方式来调用。
async _getContent() { var content = await Clipboard.getString(); }

static setString(content: string)
设置剪贴板的文本内容。你可以用下面的方式来调用。
_setContent() { Clipboard.setString('hello world'); }

官方例子

代码比较简单, 直接展示官方例子:

import React, {Component} from 'react';
import {
    AppRegistry,
    StyleSheet,
    View,
    Text,
    Clipboard
} from 'react-native';

class AwesomeProject extends Component {
    state = {
        content: 'Content will appear here'
    };
    //异步函数 箭头函数不需要绑定this了
    _setClipboardContent = async () => {
        Clipboard.setString('Hello World');
        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);

运行结果:

更多精彩请关注微信公众账号likeDev
这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

reactjs 复制url到剪切板 copy-to-clipboard

API在这边 使用方法:package.json内"dependencies": { "copy-to-clipboard": "^3.0.5" }控制台: npm install webp...

安卓官方API DEMO之剪贴板Clipboard

/** * Android系统剪贴板功能DEMO * * @description: * @author ldm * @date 2016-5-16 下午3:15:47 */ publi...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

Qt/PyQt中操作系统剪贴板(clipboard)

write by 九天雁翎(JTianLing) -- blog.csdn.net/vagrxie <a style="color: rgb(119, 0, 0); text-decor

Qt/PyQt中操作系统剪贴板(clipboard)

write by 九天雁翎(JTianLing) -- blog.csdn.net/vagrxie讨论新闻组及文件估计这种小的知识会有几篇文章,除了全局快捷键部分外,其他的都比较简单,都是我实现“on...

Clipboard:无需粘贴复制的剪贴板,轻松分享网站内容

<img class="wp-image-44779 size-full alignleft" title="Clipboa
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)