web-dev-qa-db-ja.com

反応ネイティブでテキストをクリップボードにコピーする方法は？

短いテキスト（私の電子メールアドレス）を統合したいのですが、ユーザーがこのテキストをコピーできるようにしたいと考えています。ボタンだと思ったのですが、クリックするとメールアドレスがコピーされ、アプリの外に貼り付けることができます。これを行う方法？

<View>
<Text style={{color: 'red', fontSize: 14 , fontFamily:'Arial', fontStyle: 'bold', textAlign: 'center', marginTop: 3, marginLeft: 25, marginBottom: 17}}> 
             [email protected]
</Text></View>

私は初心者です。どんな助けでもいただければ幸いです。

javascriptreact-nativebuttontextonclick
4
Leeli

fayeedは正しいです。ユーザーがクリップボードを使用して文字列をコピーできます。

また、コンポーネントにクリップボードを簡単に与えることもできます。フェイエドは上記のように

<Text 
onPress={()=>Clipboard.setString('[email protected]')}
style={{color: 'red', fontSize: 14 , fontFamily:'Arial', fontStyle: 'bold', textAlign: 'center', marginTop: 3, marginLeft: 25, marginBottom: 17}}> 
                [email protected]
    </Text>
1
serhendi

Stackoverflowへようこそ！良い質問をする方法については、 https://stackoverflow.com/help/how-to-ask をご覧ください。多くの場合、質問を作成するプロセス（適切に行われた場合）が答えにつながります！

したがって、Textを使用して画面にテキストを表示することができ、ユーザーがそれをコピーできるようにしたいとします。これを行う3つの方法を想像できます。

  • テキストを反応ネイティブで選択可能（およびコピー可能）にする方法は？
  • 反応ネイティブで「コピーポップオーバー」を表示する方法は？
  • リアクションネイティブのボタンタップでテキストをクリップボードにコピーする方法は？

最後に注目しましょう。さらに分解できます。

  • 反応ネイティブでボタンを作る方法は？
  • ボタンタップで機能を実行するにはどうすればよいですか？ （反応ネイティブ）
  • プログラムでテキストをクリップボードにコピーする方法は？ （反応ネイティブ）

これらのフレーズをグーグル検索すると、関連するドキュメントが見つかります。

...関連するコードを使って：

import { Button, Clipboard } from 'react-native'
...
const email = '[email protected]'
const copyIt = ()=> Clipboard.setString(email)
...
<Button
  onPress={copyIt}
  title={email}
/>
0
Leonard Pauli