React-Native如何复制文本到剪贴板

本文介绍了如何在React Native中使用Clipboard API进行剪贴板文本的读取与复制操作,并提供了一个简单的示例代码。

React-Native自带Clipboard API,使用Clipboard可以在iOS和Android的剪贴板中读写内容。


官方API里面只有复制到剪贴板和从剪贴板读取内容的两个方法:

static getString()

获取剪贴板的文本内容,返回一个Promise语句。

let  str = Clipboard.getString();
static setString(content: string)

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

function pasteToClipboard(){
    Clipboard.setString('content')
}

举个栗子:

import React from 'react'
import PropTypes from 'prop-types'
import {
    View,
    Text,
    TouchableWithoutFeedback,
    Clipboard,
} from 'react-native'

export default class Example extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            text:'我是文本'
        }
    }
    async copy(){
        Clipboard.setString(this.state.text);
        let  str = await Clipboard.getString();
        console.log(str)//我是文本
    }
    render() {
        const { text } = this.state;
        return(
              <View>
                  <Text>{text}</Text>
                  <TouchableWithoutFeedback onPress={this.copy.bind(this)}>
                      <View>
                          <Text>点击复制到剪贴板</Text>
                      </View>
                  </TouchableWithoutFeedback>
              </View>
        )
    }
}

目前暂时只支持复制文本和读取文本,实际应用中,我们可能希望能够部分复制,即类似复制从某个位置到某个位置的文本,这个操作如果后续看到的话,我会添加在这后面。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值