diff --git a/packages/rn-tester/js/examples/Pressable/PressableExample.js b/packages/rn-tester/js/examples/Pressable/PressableExample.js
index 6dfe4be3031..a64fd74fdce 100644
--- a/packages/rn-tester/js/examples/Pressable/PressableExample.js
+++ b/packages/rn-tester/js/examples/Pressable/PressableExample.js
@@ -321,6 +321,9 @@ const styles = StyleSheet.create({
   wrapperCustom: {
     borderRadius: 8,
     padding: 6,
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
   },
   hitSlopWrapper: {
     backgroundColor: 'red',
@@ -390,6 +393,33 @@ const examples = [
       );
     },
   },
+  {
+    title: 'Change child based on Press',
+    description:
+      ('You should be able to press the button, move your finger while pressing, and release it with the proper status updates.': string),
+    render(): React.Node {
+      return (
+        <View style={styles.row}>
+          <Pressable
+            style={({pressed}) => [
+              {
+                backgroundColor: pressed ? 'rgb(210, 230, 255)' : 'white',
+              },
+              styles.wrapperCustom,
+            ]}>
+            {({pressed}) => (
+              <>
+                {pressed && <Text style={styles.text}>Pressed!</Text>}
+                {!pressed && (
+                  <Text style={styles.text}>Press me and move your finger</Text>
+                )}
+              </>
+            )}
+          </Pressable>
+        </View>
+      );
+    },
+  },
   {
     title: 'Pressable feedback events',
     description: ('<Pressable> components accept onPress, onPressIn, ' +