“réagir la copie native dans le presse-papiers” Réponses codées

réagir la copie dans le presse-papiers

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

Copier dans le natif de REACT Clipboard React

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

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

réagir la copie native dans le presse-papiers

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

Réponses similaires à “réagir la copie native dans le presse-papiers”

Questions similaires à “réagir la copie native dans le presse-papiers”

Plus de réponses similaires à “réagir la copie native dans le presse-papiers” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code