react-native - React-Native:错误设置和从剪贴板获取文本
问题描述
import React, { useState } from 'react'
import { SafeAreaView, View, Text, TouchableOpacity, StyleSheet } from 'react-native'
import Clipboard from '@react-native-community/clipboard'
const App = () => {
const [copiedText, setCopiedText] = useState('')
const copyToClipboard = () => {
Clipboard.setString('hello world')
}
const fetchCopiedText = async () => {
const text = await Clipboard.getString()
setCopiedText(text)
}
return (
<SafeAreaView style={{ flex: 1 }}>
<View style={styles.container}>
<TouchableOpacity onPress={() => copyToClipboard()}>
<Text>Click here to copy to Clipboard</Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => fetchCopiedText()}>
<Text>View copied text</Text>
</TouchableOpacity>
<Text style={styles.copiedText}>{copiedText}</Text>
</View>
</SafeAreaView>
)
}
const styles = StyleSheet.create({
//styles
})
export default App
当按下“复制到剪贴板”时,我得到一个错误,说 null 不是和对象('评估 NativeClipboard_1.default.setString'),在按下“查看复制的文本”时,我得到一个 TypeError 未处理的承诺拒绝。此代码直接从此处复制:https ://github.com/react-native-community/clipboard
解决方案
正如其他用户所说,我也遇到了这个问题,与Clipboard
Exporeact-native-community
不兼容。
推荐阅读
- java - 用于验证 Linux 文件夹路径的正则表达式模式
- python - 如何从图中删除垂直线?
- excel - 如何使循环引用下一个单元格?
- jmeter - 请保护ChromeDriver及相关测试框架使用的端口,防止恶意代码访问
- javascript - 是否可以仅使用 HTML 和服务器端(节点)js 在 Node/Express 中发出发布请求?
- google-cloud-platform - Firebase 存储错误:权限被拒绝。无法访问存储桶 my-bucket-name
- django - 没有名为“频道”的模块
- excel - EXCEL中每个单元格中受限部分的条件格式
- java - 泛型有界参数不适用于接口
- android - Flutter:当我使用 full_pdf_viewer 时我的应用程序停止