expo-clipboard
provides an interface for getting and setting Clipboard content on Android, iOS, and Web.Android Device | Android Emulator | iOS Device | iOS Simulator | Web |
---|---|---|---|---|
expo install expo-clipboard
If you're installing this in a bare React Native app, you should also follow these additional installation instructions.
import * as React from 'react'; import { View, Text, Button, StyleSheet } from 'react-native'; import Clipboard from 'expo-clipboard'; export default function App() { const [copiedText, setCopiedText] = React.useState(''); const copyToClipboard = () => { Clipboard.setString('hello world'); }; const fetchCopiedText = async () => { const text = await Clipboard.getStringAsync(); setCopiedText(text); }; return ( <View style={styles.container}> <Button title="Click here to copy to Clipboard" onPress={copyToClipboard} /> <Button title="View copied text" onPress={fetchCopiedText} /> <Text style={styles.copiedText}>{copiedText}</Text> </View> ); } %%placeholder-start%%const styles = StyleSheet.create({ ... }); %%placeholder-end%%const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', }, copiedText: { marginTop: 10, color: 'red', }, });
import Clipboard from 'expo-clipboard';
Please note that calling this method on web will prompt the user to grant your app permission to "see text and images copied to the clipboard."