Fix keyboard focus for interactive rows (#57750)

Summary:
Pull Request resolved: #57750

Changelog: [Internal]

Fixes iOS Full Keyboard Access (FKA) not focusing interactive rows on the Marketplace You page.

Reviewed By: Picowchew, joevilches

Differential Revision: D113967090

fbshipit-source-id: 76c34610b19cf0e334dfea0741439f03e28125fa

Author: sbuggay

packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm

@@ -38,6 +38,23 @@
 
 const CGFloat BACKGROUND_COLOR_ZPOSITION = -1024.0f;
 
+#if !TARGET_OS_TV
+// iOS Full Keyboard Access only focuses a view when it is an accessibility
+// element that also exposes an interactive trait. Views that surface their
+// interactivity through a grouping accessibility element (rather than the
+// underlying control) are otherwise skipped by the focus engine, leaving
+// keyboard-only users unable to reach them.
+static BOOL RCTViewIsInteractiveAccessibilityElement(UIView *view)
+{
+  if (!view.isAccessibilityElement) {
+    return NO;
+  }
+  UIAccessibilityTraits interactiveTraits = UIAccessibilityTraitButton | UIAccessibilityTraitLink |
+      UIAccessibilityTraitSearchField | UIAccessibilityTraitKeyboardKey | UIAccessibilityTraitAdjustable;
+  return (view.accessibilityTraits & interactiveTraits) != 0;
+}
+#endif
+
 @implementation RCTViewComponentView {
   UIColor *_backgroundColor;
   CALayer *_backgroundColorLayer;
@@ -1490,7 +1507,11 @@ - (BOOL)wantsToCooptLabel
 
 - (BOOL)canBecomeFocused
 {
+#if !TARGET_OS_TV
+  return RCTViewIsInteractiveAccessibilityElement(self) || _focusable;
+#else
   return _focusable;
+#endif
 }
 
 - (BOOL)isAccessibilityElement