ContextQMD
Back to React Native

❌ Clipboard

website/versioned_docs/version-0.77/clipboard.md

latest2.3 KB
Original Source

Removed. Use one of the community packages instead.

Clipboard gives you an interface for setting and getting content from Clipboard on both Android and iOS

Example

SnackPlayer
import React, {useState} from 'react';
import {
  View,
  Text,
  TouchableOpacity,
  Clipboard,
  StyleSheet,
} from 'react-native';

const App = () => {
  const [copiedText, setCopiedText] = useState('');

  const copyToClipboard = () => {
    Clipboard.setString('hello world');
  };

  const fetchCopiedText = async () => {
    const text = await Clipboard.getString();
    setCopiedText(text);
  };

  return (
    <View 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>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  copiedText: {
    marginTop: 10,
    color: 'red',
  },
});

export default App;

Reference

Methods

getString()

jsx
static getString()

Get content of string type, this method returns a Promise, so you can use following code to get clipboard content

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

setString()

jsx
static setString(content)

Set content of string type. You can use following code to set clipboard content

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

Parameters:

NameTypeRequiredDescription
contentstringYesThe content to be stored in the clipboard

Notice

Be careful when you're trying to copy to clipboard any data except string and number, some data need additional stringification. For example, if you will try to copy array - Android will raise an exception, but iOS will not.