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> ); } }