“Reagieren Sie die native Kopie in die Zwischenablage” Code-Antworten

Reagieren Sie kopieren in die Zwischenablage

onClick={() => {navigator.clipboard.writeText(this.state.textToCopy)}}
Disgusted Dugong

Kopieren Sie in Zwischenablage React Native

import Clipboard from '@react-native-clipboard/clipboard';

Clipboard.setString('Lorem Ipsum');
christophe kwizera

Reagieren Sie die native Kopie in die Zwischenablage

import React, { useState } from 'react'
import { SafeAreaView, 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 (
    <SafeAreaView 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>

    </SafeAreaView>
  )
}

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

export default App
Abdullah Al Muzaki

Ähnliche Antworten wie “Reagieren Sie die native Kopie in die Zwischenablage”

Fragen ähnlich wie “Reagieren Sie die native Kopie in die Zwischenablage”

Weitere verwandte Antworten zu “Reagieren Sie die native Kopie in die Zwischenablage” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen