React Native Clipboard API With Animated Toast Message

A React Native component for Clipboard API with animated toast message.

How to use it:

1. Install and import the component.

# Yarn
$ yarn add react-native-clipboard-toast
# NPM
$ npm i react-native-clipboard-toast
import ClipboardToast from 'react-native-clipboard-toast';

2. Add the ClipboardToast to the app and define the text to be copied.

<ClipboardToast
  textToShow={`Text To Show`}
  textToCopy={"Text To Copy"}
  toastText={"Copied!"}
  id={'toastID'}}
/>

3. Default component props.

textToShow = '',
textToCopy = '',
toastText = 'Text is copied',
containerStyle = {},
textStyle = {},
id = 'someKey',
accessibilityLabel,
toastDuration = 750,
toastPosition,
toastDelay = 0,
toastAnimation = true,
toastHideOnPress = true,
toastBackgroundColor = null,
toastTextColor = null,
toastOnShow = () => {},

Preview:

React Native Clipboard API With Animated Toast Message

Download Details:

Author: idanlevi1

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/idanlevi1/react-native-clipboard-toast

License: MIT

You Might Be Interested In:

Add Comment