From ce69b35ef271557133ad75d39ea671e6c0699b8c Mon Sep 17 00:00:00 2001
From: Jason Zheng <jasonqzheng@meta.com>
Date: Wed, 7 Oct 2026 15:23:26 -0700
Subject: [PATCH] Add rounded Pressable example in PressableExample

Summary:
Add a new RNTester example in PressableExample that reproduces the issue where ripple effects don't clip to the Pressable's border radius.

Changelog: [Internal]

Differential Revision: D123816852
---
 .../js/examples/Pressable/PressableExample.js | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/packages/rn-tester/js/examples/Pressable/PressableExample.js b/packages/rn-tester/js/examples/Pressable/PressableExample.js
index fc7ba7bb8005..46867959fd8c 100644
--- a/packages/rn-tester/js/examples/Pressable/PressableExample.js
+++ b/packages/rn-tester/js/examples/Pressable/PressableExample.js
@@ -312,6 +312,23 @@ function PressableDisabled() {
   );
 }
 
+function RoundedPressableExample() {
+  return (
+    <View>
+      <Pressable
+        android_ripple={{color: 'red', borderless: false}}
+        style={styles.roundedPressable}>
+        <Text style={{alignSelf: 'center'}}>Background Ripple</Text>
+      </Pressable>
+      <Pressable
+        android_ripple={{color: 'red', borderless: false, foreground: true}}
+        style={styles.roundedPressable}>
+        <Text style={{alignSelf: 'center'}}>Foreground Ripple</Text>
+      </Pressable>
+    </View>
+  );
+}
+
 const styles = StyleSheet.create({
   row: {
     justifyContent: 'center',
@@ -397,6 +414,12 @@ const styles = StyleSheet.create({
     height: 100,
     width: 100,
   },
+  roundedPressable: {
+    backgroundColor: '#eee',
+    borderRadius: 100,
+    padding: 16,
+    marginTop: 10,
+  },
 });
 
 const examples = [
@@ -714,6 +737,15 @@ const examples = [
       );
     },
   },
+  {
+    title: 'Rounded Pressable with Ripple',
+    description:
+      'Ripple should clip to the border radius of the Pressable' as string,
+    platform: 'android',
+    render: function (): React.Node {
+      return <RoundedPressableExample />;
+    },
+  },
   ...PressableExampleFbInternal.examples,
 ];