RN-Clipboard:復(fù)制文字到系統(tǒng)粘貼板上

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'
    };
    //異步函數(shù) 箭頭函數(shù)不需要綁定this了
    _setClipboardContent = async () => {

        // 將文字復(fù)制到系統(tǒng)的粘貼板上,在系統(tǒng)其他的地方可以粘貼
        Clipboard.setString('Hello World');


       // 取出所存的值, Clipboard.getString()  返回的是以一個(gè)promise對(duì)象,所以可以在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);

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容