Fix: onPress callbacks are invoked for all nested Pressables

example/src/release_tests/nestedPressables/index.tsx

@@ -50,9 +50,28 @@ const outerStyle = ({ pressed }: PressableStateCallbackType) => [
 
 function GesturizedBoxes() {
   return (
-    <GesturizedPressable style={outerStyle} testID="outer">
-      <GesturizedPressable style={middleStyle} testID="middle">
-        <GesturizedPressable style={innerStyle} testID="inner" />
+    <GesturizedPressable
+      style={outerStyle}
+      testID="outer"
+      onPressIn={() => console.log('[outer] onPressIn')}
+      onPressOut={() => console.log('[outer] onPressOut')}
+      onPress={() => console.log('[outer] onPress')}
+      onLongPress={() => console.log('[outer] onLongPress')}>
+      <GesturizedPressable
+        style={middleStyle}
+        testID="middle"
+        onPressIn={() => console.log('[middle] onPressIn')}
+        onPressOut={() => console.log('[middle] onPressOut')}
+        onPress={() => console.log('[middle] onPress')}
+        onLongPress={() => console.log('[middle] onLongPress')}>
+        <GesturizedPressable
+          style={innerStyle}
+          testID="inner"
+          onPressIn={() => console.log('[inner] onPressIn')}
+          onPressOut={() => console.log('[inner] onPressOut')}
+          onPress={() => console.log('[inner] onPress')}
+          onLongPress={() => console.log('[inner] onLongPress')}
+        />
       </GesturizedPressable>
     </GesturizedPressable>
   );

src/components/Pressable/Pressable.tsx

@@ -138,6 +138,24 @@ export default function Pressable(props: PressableProps) {
 
   const pressOutHandler = useCallback(
     (event: PressableEvent) => {
+      if (!isTouchPropagationAllowed.current) {
+        hasPassedBoundsChecks.current = false;
+        isPressCallbackEnabled.current = true;
+        deferredEventPayload.current = null;
+
+        if (longPressTimeoutRef.current) {
+          clearTimeout(longPressTimeoutRef.current);
+          longPressTimeoutRef.current = null;
+        }
+
+        if (pressDelayTimeoutRef.current) {
+          clearTimeout(pressDelayTimeoutRef.current);
+          pressDelayTimeoutRef.current = null;
+        }
+
+        return;
+      }
+
       if (
         !hasPassedBoundsChecks.current ||
         event.nativeEvent.touches.length >
@@ -340,7 +358,9 @@ export default function Pressable(props: PressableProps) {
 
           if (shouldPreventNativeEffects.current) {
             shouldPreventNativeEffects.current = false;
-            return;
+            if (!handlingOnTouchesDown.current) {
+              return;
+            }
           }
 
           isTouchPropagationAllowed.current = true;