“Скопировать в буфер обмена React Native” Ответ

Реактируйте копию в буфер обмена

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

Создать кнопку копирования React Native

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

<TouchableOpacity onPress={() => Clipboard.setString('mail@mail.com')}>
  <View>
    <Text style={{color: 'red', fontSize: 14 , fontFamily:'Arial', fontStyle: 'bold', textAlign: 'center', marginTop: 3, marginLeft: 25, marginBottom: 17}}> 
                mail@mail.com
    </Text>
  </View>
</TouchableOpacity>
Weary Wren

Реактируйте копию на кнопку буфера обмена

 <buttononClick={() => navigator.clipboard.writeText("Copy this text to clipboard")}>
  Copy
</button>
Dayanaohhnana

Скопировать в буфер обмена React Native

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

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

Реактируйте копию в буфер обмена

<button 
  onClick={() =>  navigator.clipboard.writeText('Copy this text to clipboard')}
>
  Copy
</button>
Funny Flatworm

отреагировать нативную копию на буфер обмена

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

Ответы похожие на “Скопировать в буфер обмена React Native”

Вопросы похожие на “Скопировать в буфер обмена React Native”

Больше похожих ответов на “Скопировать в буфер обмена React Native” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования