React Native 中的 Clipboard 组件的 setString() 方法

返回上一级

React Native 中的 Clipboard 组件的 setString() 方法用于将文本内容写入 剪贴板

setString() 是一个接收文本作为参数且返回 Promise 的异步函数。

导入组件

import { Clipboard } from 'react-native'

语法

static setString(content)

setString() 是 Clipboard 组件的一个静态函数,使用时不需要实力化 Clipboard 组件。

虽然 setString() 返回的是一个 Promise ,但因为我们并不需要它的返回值,因此,我们可以使用下面的代码来使用它

_setContent() {
  Clipboard.setString('简单教程,https://www.twle.cn');
}

范例

下面的范例,当我们点击 写入剪贴板 时往剪贴板中输入内容,当我们点击 读取剪贴板 时从 剪贴板中读取 内容

import React, {Component} from 'react';
import {Text,View,TouchableHighlight} from 'react-native';

export default class App extends Component{

  async _getContent() {
    var content = await Clipboard.getString();
  }

  _setContent() {
    Clipboard.setString('hello world');
  }

  render() {
    return (
      <View>
        <View style={{margin:20}}>
           <TouchableHighlight onPress={() => setContent()}>
            <Text>写入剪贴板</Text>
          </TouchableHighlight>
        </View>
        <View style={{margin:20}}>
          <TouchableHighlight onPress={() => getContent()} >
            <Text>读取剪贴板</Text>
          </TouchableHighlight>
        </View>
      </View>
    );
  }
}

返回上一级

React Native 中文文档

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2018 简单教程 twle.cn All Rights Reserved.