/ Clipboard

React Native Clipboard API for both iOS and Android

React Native Clipboard API for both iOS and Android

@react-native-clipboard

React Native Clipboard API for both iOS and Android.

Getting started

Install the library using either Yarn:

yarn add @react-native-community/react-native-clipboard

or npm:

npm install --save @react-native-community/react-native-clipboard

Migrating from the core react-native module

This module was created when the NetInfo was split out from the core of React Native. To migrate to this module you need to follow the installation instructions above and then change you imports from:

import { Clipboard } from "react-native";

to:

import Clipboard from "@react-native-community/react-native-clipboard";

Usage

Start by importing the library:

import Clipboard from "@react-native-community/react-native-clipboard";

type Props = $ReadOnly<{||}>;
type State = {|
  clipboardContent: string,
|};

export default class App extends React.Component<Props, State> {
  state = {
    clipboardContent: 'The state variable which contains Clipboard Content',
  };

  readFromClipboard = async () => {
    const content = await Clipboard.getString();
    this.setState({clipboardContent: content});
  };

  writeToClipboard = async () => {
    Clipboard.setString(this.state.text);
    alert('Copied to clipboard');
  };
}

GitHub