@@ -183,9 +183,9 @@ function KeyboardEventExample(): React.Node {
183183 return (
184184 < View style = { { marginTop : 10 } } >
185185 < Text style = { styles . description } >
186- Examples of keyboard event handling with keyDownEvents and keyUpEvents arrays.
186+ Examples of keyboard event handling with keyDownEvents and keyUpEvents arrays. Use to suppress native handling of specific keys.
187187 </ Text >
188-
188+
189189 < View style = { styles . inputContainer } >
190190 < Text style = { styles . inputLabel } >
191191 Single-line TextInput (keyDownEvents: g, Escape, Enter, ArrowLeft)
@@ -226,33 +226,6 @@ function KeyboardEventExample(): React.Node {
226226 />
227227 </ View >
228228
229- < View style = { styles . inputContainer } >
230- < Text style = { styles . inputLabel } >
231- Focusable Pressable (keyDownEvents: Space, Enter, Tab, Backspace)
232- </ Text >
233- < Pressable
234- ref = { pressableRef }
235- style = { ( { pressed} ) => [
236- styles . focusablePressable ,
237- pressed && styles . focusablePressablePressed ,
238- ] }
239- focusable = { true }
240- onKeyDown = { handlePressableKeyDown }
241- onKeyUp = { handlePressableKeyUp }
242- keyDownEvents = { [
243- { key : 'Space' } ,
244- { key : 'Enter' } ,
245- { key : 'Tab' } ,
246- { key : 'Backspace' } ,
247- ] }
248- onPress = { ( ) => {
249- pressableRef . current ?. focus ( ) ;
250- } }
251- >
252- < Text style = { styles . pressableText } > Click to focus, then press Space, Enter, Tab, or Backspace</ Text >
253- </ Pressable >
254- </ View >
255-
256229 < View testID = "keyboard_events_example_console" style = { styles . eventLogBox } >
257230 < View style = { styles . logHeaderRow } >
258231 < Text style = { styles . logHeader } > Event Log</ Text >
0 commit comments