From e004811a396e5b4f5e9a49675ea25c3c548bdbfd Mon Sep 17 00:00:00 2001 From: Bruno Kiafuka Date: Thu, 6 Feb 2020 11:39:11 +0200 Subject: [PATCH 1/5] added clipboard example --- docs/clipboard.md | 44 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) diff --git a/docs/clipboard.md b/docs/clipboard.md index a0acaa08193..2b2259c189f 100644 --- a/docs/clipboard.md +++ b/docs/clipboard.md @@ -7,6 +7,50 @@ title: Clipboard --- + +## Example + +```SnackPlayer name=api-clipboard +import React, { useState } from "react"; +import { + SafeAreaView, + View, + Text, + TouchableOpacity, + Clipboard +} 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 ( + + + copyToClipboard()}> + Click here Copy to Clipboard + + fetchCopiedText()}> + View copied text + + + + {copiedText} + + ); +}; + +export default App; +``` + # Reference ## Methods From 9d3ac775eca5a67f4cee0599973678cec1735835 Mon Sep 17 00:00:00 2001 From: Rachel Nabors Date: Fri, 7 Feb 2020 17:56:54 +0000 Subject: [PATCH 2/5] Update clipboard.md Tidying up example a bit --- docs/clipboard.md | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/docs/clipboard.md b/docs/clipboard.md index 2b2259c189f..6679660c83e 100644 --- a/docs/clipboard.md +++ b/docs/clipboard.md @@ -10,15 +10,9 @@ title: Clipboard ## Example -```SnackPlayer name=api-clipboard +```SnackPlayer name=Clipboard%20API%20Example import React, { useState } from "react"; -import { - SafeAreaView, - View, - Text, - TouchableOpacity, - Clipboard -} from "react-native"; +import { SafeAreaView, View, Text, TouchableOpacity, Clipboard } from "react-native"; const App = () => { const [copiedText, setCopiedText] = useState(""); From c98f20ea2e1b48e058dd17a9606bd0b8c292b3da Mon Sep 17 00:00:00 2001 From: Bruno Kiafuka Date: Tue, 11 Feb 2020 11:55:05 +0200 Subject: [PATCH 3/5] Update clipboard.md added style to example --- docs/clipboard.md | 30 ++++++++++++++++-------------- 1 file changed, 16 insertions(+), 14 deletions(-) diff --git a/docs/clipboard.md b/docs/clipboard.md index 6679660c83e..f867f5cf919 100644 --- a/docs/clipboard.md +++ b/docs/clipboard.md @@ -11,36 +11,38 @@ title: Clipboard ## Example ```SnackPlayer name=Clipboard%20API%20Example -import React, { useState } from "react"; -import { SafeAreaView, View, Text, TouchableOpacity, Clipboard } from "react-native"; + +import React, { useState } from "react" +import { SafeAreaView, View, Text, TouchableOpacity, Clipboard } from "react-native" const App = () => { - const [copiedText, setCopiedText] = useState(""); + const [copiedText, setCopiedText] = useState("") const copyToClipboard = () => { - Clipboard.setString("hello world"); - }; + Clipboard.setString("hello world") + } const fetchCopiedText = async () => { - const text = await Clipboard.getString(); - setCopiedText(text); - }; + const text = await Clipboard.getString() + setCopiedText(text) + } return ( - - + + copyToClipboard()}> - Click here Copy to Clipboard + Click here to copy to Clipboard fetchCopiedText()}> View copied text + + {copiedText} - {copiedText} - ); -}; + ) +} export default App; ``` From d7bea876d9118cc5ef385ecb8ded258c5b1a57a0 Mon Sep 17 00:00:00 2001 From: Bruno Kiafuka Date: Mon, 17 Feb 2020 21:09:17 +0200 Subject: [PATCH 4/5] fix: set supported platform to mobile added style to object. --- docs/clipboard.md | 28 ++++++++++++++++++++-------- 1 file changed, 20 insertions(+), 8 deletions(-) diff --git a/docs/clipboard.md b/docs/clipboard.md index f867f5cf919..a4c92810c0f 100644 --- a/docs/clipboard.md +++ b/docs/clipboard.md @@ -10,16 +10,16 @@ title: Clipboard ## Example -```SnackPlayer name=Clipboard%20API%20Example +```SnackPlayer name=Clipboard%20API%20Example&supportedPlatforms=ios,android -import React, { useState } from "react" -import { SafeAreaView, View, Text, TouchableOpacity, Clipboard } from "react-native" +import React, { useState } from 'react' +import { SafeAreaView, View, Text, TouchableOpacity, Clipboard, StyleSheet } from 'react-native' const App = () => { - const [copiedText, setCopiedText] = useState("") + const [copiedText, setCopiedText] = useState('') const copyToClipboard = () => { - Clipboard.setString("hello world") + Clipboard.setString('hello world') } const fetchCopiedText = async () => { @@ -29,7 +29,7 @@ const App = () => { return ( - + copyToClipboard()}> Click here to copy to Clipboard @@ -37,14 +37,26 @@ const App = () => { View copied text - {copiedText} + {copiedText} ) } -export default App; +const styles = StyleSheet.create({ + container: { + flex: 1, + justifyContent: 'center', + alignItems: 'center' + }, + copiedText: { + marginTop: 10, + color: 'red' + } +}) + +export default App ``` # Reference From d34032fe2da17593d5c70dbe7ce3aa31b47a5df6 Mon Sep 17 00:00:00 2001 From: Bruno Kiafuka Date: Mon, 17 Feb 2020 21:09:33 +0200 Subject: [PATCH 5/5] fix: set supported platform to mobile added style to object.