tags

Author: Saadnajmi

packages/react-native/Libraries/Components/TextInput/TextInput.js

@@ -12,8 +12,8 @@ import type {HostInstance} from '../../../src/private/types/HostInstance';
 import type {____TextStyle_Internal as TextStyleInternal} from '../../StyleSheet/StyleSheetTypes';
 import type {
   GestureResponderEvent,
-  KeyEvent,
-  HandledKeyEvent,
+  KeyEvent, // [macOS]
+  HandledKeyEvent, // [macOS]
   NativeSyntheticEvent,
   ScrollEvent,
 } from '../../Types/CoreEventTypes';
@@ -1670,7 +1670,8 @@ function InternalTextInput(props: TextInputProps): React.Node {
     props.onScroll && props.onScroll(event);
   };
 
-  const _keyDown = (event: KeyEvent) => {
+  // [macOS
+  const _onKeyDown = (event: KeyEvent) => {
     if (props.keyDownEvents && event.isPropagationStopped() !== true) {
       const isHandled = props.keyDownEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
         return (
@@ -1688,7 +1689,7 @@ function InternalTextInput(props: TextInputProps): React.Node {
     props.onKeyDown && props.onKeyDown(event);
   };
 
-  const _keyUp = (event: KeyEvent) => {
+  const _onKeyUp = (event: KeyEvent) => {
     if (props.keyUpEvents && event.isPropagationStopped() !== true) {
       const isHandled = props.keyUpEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
         return (
@@ -1705,6 +1706,7 @@ function InternalTextInput(props: TextInputProps): React.Node {
     }
     props.onKeyUp && props.onKeyUp(event);
   };
+  // macOS]
 
   let textInput = null;
 
@@ -1861,8 +1863,8 @@ function InternalTextInput(props: TextInputProps): React.Node {
         onChange={_onChange}
         onContentSizeChange={props.onContentSizeChange}
         onFocus={_onFocus}
-        onKeyDown={_keyDown} // [macOS]
-        onKeyUp={_keyUp} // [macOS]
+        onKeyDown={_onKeyDown} // [macOS]
+        onKeyUp={_onKeyUp} // [macOS]
         onScroll={_onScroll}
         onSelectionChange={_onSelectionChange}
         onSelectionChangeShouldSetResponder={emptyFunctionThatReturnsTrue}

packages/react-native/Libraries/Components/View/View.js

@@ -13,7 +13,7 @@ import type {ViewProps} from './ViewPropTypes';
 import TextAncestor from '../../Text/TextAncestor';
 import ViewNativeComponent from './ViewNativeComponent';
 import * as React from 'react';
-import type { KeyEvent, HandledKeyEvent } from '../../Types/CoreEventTypes';
+import type { KeyEvent, HandledKeyEvent } from '../../Types/CoreEventTypes'; // [macOS]
 
 export type Props = ViewProps;
 
@@ -95,7 +95,8 @@ const View: component(
       };
     }
 
-    const _keyDown = (event: KeyEvent) => {
+    // [macOS
+    const _onKeyDown = (event: KeyEvent) => {
       if (otherProps.keyDownEvents && event.isPropagationStopped() !== true) {
         const isHandled = otherProps.keyDownEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
           return (
@@ -113,7 +114,7 @@ const View: component(
       otherProps.onKeyDown && otherProps.onKeyDown(event);
     };
 
-    const _keyUp = (event: KeyEvent) => {
+    const _onKeyUp = (event: KeyEvent) => {
       if (otherProps.keyUpEvents && event.isPropagationStopped() !== true) {
         const isHandled = otherProps.keyUpEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
           return (
@@ -130,6 +131,7 @@ const View: component(
       }
       otherProps.onKeyUp && otherProps.onKeyUp(event);
     };
+    // macOS]
 
     const actualView = (
       <ViewNativeComponent
@@ -149,8 +151,8 @@ const View: component(
             : importantForAccessibility
         }
         nativeID={id ?? nativeID}
-        onKeyDown={_keyDown}
-        onKeyUp={_keyUp}
+        onKeyDown={_onKeyDown} // [macOS]
+        onKeyUp={_onKeyUp} // [macOS]
         ref={forwardedRef}
       />
     );