11'use strict' ;
22import React , { useState } from 'react' ;
3- import { Button , Text , TextInput , View } from 'react-native' ;
3+ import { AccessibilityInfo , Button , Text , TextInput , View } from 'react-native' ;
44import { Example } from '../components/Example' ;
55import { Page } from '../components/Page' ;
66import Clipboard from '@react-native-clipboard/clipboard' ;
@@ -12,8 +12,6 @@ export const ClipboardExamplePage: React.FunctionComponent<{navigation?: any}> =
1212 'This text will be copied to the clipboard' ,
1313 ) ;
1414 const [ textFromClipboard , setTextFromClipboard ] = useState ( '' ) ;
15- const [ accessibilityValueCopy , setAccessibilityValueCopy ] = useState ( '' ) ;
16- const [ accessibilityValuePaste , setAccessibilityValuePaste ] = useState ( '' ) ;
1715 const example1jsx = `<Button
1816 title="Copy text to the Clipboard"
1917 onPress={() => Clipboard.setString(textToCopy)}/>` ;
@@ -49,25 +47,18 @@ export const ClipboardExamplePage: React.FunctionComponent<{navigation?: any}> =
4947 < Button
5048 ref = { firstClipboardButtonRef }
5149 accessibilityLabel = "Copy text to the Clipboard"
52- accessibilityValue = { { text : accessibilityValueCopy } }
5350 title = "Copy text to the Clipboard"
5451 onPress = { ( ) => {
5552 Clipboard . setString ( textToCopy ) ;
56- // Issue #622: Workaround
57- // AccessibilityInfo.announceForAccessibility(
58- // 'Text copied to clipboard',
59- // );
60- setAccessibilityValueCopy ( '' ) ; // reset before reading to update on multiple clicks
61- setAccessibilityValueCopy ( 'Text copied to clipboard' ) ;
53+ AccessibilityInfo . announceForAccessibility (
54+ 'Text copied to clipboard' ,
55+ ) ;
6256 } }
6357 onAccessibilityTap = { ( ) => {
6458 Clipboard . setString ( textToCopy ) ;
65- // Issue #622: Workaround
66- // AccessibilityInfo.announceForAccessibility(
67- // 'Text copied to clipboard',
68- // );
69- setAccessibilityValueCopy ( '' ) ;
70- setAccessibilityValueCopy ( 'Text copied to clipboard' ) ;
59+ AccessibilityInfo . announceForAccessibility (
60+ 'Text copied to clipboard' ,
61+ ) ;
7162 } }
7263 />
7364 < TextInput
@@ -82,25 +73,18 @@ export const ClipboardExamplePage: React.FunctionComponent<{navigation?: any}> =
8273 < View style = { { alignItems : 'flex-start' , gap : 12 } } >
8374 < Button
8475 accessibilityLabel = "Paste text from the Clipboard"
85- accessibilityValue = { { text : accessibilityValuePaste } }
8676 title = "Paste text from the Clipboard"
8777 onPress = { ( ) => {
8878 getClipboardText ( ) ;
89- // Issue #622: Workaround
90- // AccessibilityInfo.announceForAccessibility(
91- // 'Text pasted from clipboard',
92- // );
93- setAccessibilityValuePaste ( '' ) ;
94- setAccessibilityValuePaste ( 'Text pasted from clipboard' ) ;
79+ AccessibilityInfo . announceForAccessibility (
80+ 'Text pasted from clipboard' ,
81+ ) ;
9582 } }
9683 onAccessibilityTap = { ( ) => {
9784 getClipboardText ( ) ;
98- // Issue #622: Workaround
99- // AccessibilityInfo.announceForAccessibility(
100- // 'Text pasted from clipboard',
101- // );
102- setAccessibilityValuePaste ( '' ) ;
103- setAccessibilityValuePaste ( 'Text pasted from clipboard' ) ;
85+ AccessibilityInfo . announceForAccessibility (
86+ 'Text pasted from clipboard' ,
87+ ) ;
10488 } }
10589 />
10690 < Text > { textFromClipboard } </ Text >
0 commit comments